みかづきブログ その3

3ヶ月つづけてみました。

つくったもの

夏のできごと まとめ(台無しプロダクト、MakerFaire、北仲COOP、IoTLT、Orphe + IoTアプリコンテスト)

ブログを書こう書こうと思いながら、嵐のように夏が過ぎていき、 このままだとにっちもさっちもいかなくなりそうなので、 雑な文章になってしまいますが、8月のできごとをえいや!という感じでまとめて振り返りたいと思います。 台無しプロダクト ふと、「よ…

夏なのでCSSで蚊取り線香をつくって蚊が寄ってこないページをつくりました。

See the Pen mosquito coil with mosquito sound by kimmy (@kimmy) on CodePen.まず、CSSで蚊取り線香をつくりました。夏なのでCSSで蚊取り線香をつくってみました。https://t.co/wH0siWKl8e— きみづかふみたか (@ki_230) 2017年7月27日半円を互い違いに組…

ウェバイス(ウェブ+デバイス)をつくろう! 😎

先日、「エンタープライズIoTLT #8 ヘルスケアIoTLT」で発表させていただいた資料を若干調整して公開してみました。b2b-ch.infomart.co.jp 発表資料 ウェバイスをつくろう from ふみたか きみづか IoTほど大袈裟ではないのですが、ウェブ+デバイスでイン…

連続する2つのツイートで1つのイラストを完成させるツイートボタンつくりました。 🐳

1行でまとめると こんな感じのことができるツイートボタンをつくりました。 はじめに こどもの頃、FF6で連続魔が使えるようになったとき、最強じゃないかと思いました。FINAL FANTASY VISQUARE ENIX INCゲーム¥1,800 クロノトリガーで2人技が使えるようにな…

「彼女とデイトなう」につかえるスクリプトを書きました。 😆

はじめに こちらのツイートがとても話題になってますね。そんなこんなで、ブームにのって、「彼女とデイトなう」を実装してみたいと思います。 仕様 まあ、ネーミング先行で中身をなにも考えてなかったので考えます。 Date.now();を実行すると、コンソールに…

iOS11向けにウェブARコンテンツをつくってみました。(マーカーレスの超簡易版) 🏃

追記:(2017/06/09 00:16) 本記事内に掲載している動画キャプチャが、 Apple.Incの開発者利用規約(APPLE BETA SOFTWARE PROGRAM AGREEMENT APPLE INC.)に抵触しているというご指摘をいただきました。 掲載内容を不適切と判断し、該当箇所を削除させてい…

CSSでロングシャドウをつくってその影で影時計をつくりました。 😎

最近、家に時計がないことに気づきました。時計機能のついたものはたくさんあるので、時間がわからなくて困ることは無いんですが、 世の中から時計という装置がどんどん減ってきてるのではないかと思いました。反面、ありとあらゆるものに時計機能が付随して…

フラットデザイン、マテリアルデザインを目コピーする(スライダーUI編)

年末にアドベントカレンダーで こちらの記事 を執筆させていただいたのですが、それからというものアプリっぽいUIをCSSでつくることにハマっています。techblog.kayac.com 以前から、トグルボタンとか、kimizuka.hatenablog.comドロワーメニューとか、kimizu…

黄金チャーハンをまばゆく光らせたら裏クリエイティブアワード2016で最優秀賞を頂くことができました。

黄金チャーハンをまばゆく光らせたら裏クリエイティブアワード2016で最優秀賞を頂くことができたので、そこまでの道のりを書いていきたいと思います。http://realdgame.jp/ajito/harajuku/2016/10/ura-ca2016.html === こどもの頃、料理で対決するアニメを観…

いつもの炒飯がさらにおいしく見えるフタ型デバイスをつくりました。

www.youtube.com ※ 炒飯は撮影の後スタッフがよりおいしく頂きました。光と音で炒飯のおいしさを引き出すフタ型デバイスです。 このフタ、実はクロッシュっていうらしいので、僕は光るクロッシュと呼んでいるんですが、そもそもクロッシュという呼び名の知名…

NOTTOLI SIMULATOR

完全に期は逃していますが、過去つくったものをいい感じにマージしてつくりました。nottoli.kimizuka.fm 今話題のTwitterのプレイヤーカードに対応しているので、PCであれば「画像/動画を表示にする」ボタンを押すことによってTwitterのタイムライン上でコン…

昨今どんどん巨大化するスマートフォンの為のUIを考えた結果、ななめにスクロールするUIもいいんじゃないかと思いました

きっかけは この記事 を読んだことにあります。 (もう1年以上前の記事なんですね)gigazine.netいろいろと参考になることが書いてあるのですが、なかでも一番気になったポイントは右手でスマートフォンを操作する人の指の届く範囲を表したこの図でした。 ht…

オンガクスリを作業用BGMとしてフル活用するためのブックマークレットをつくりました

qiita.comこの記事は 作業用BGM(個人or社内) Advent Calendar 2015 の18日目の記事です。 今回は作業用BGMから人生の悩みを解決するような音楽まで見つかるかもしれない、オンガクスリ というウェブサービスについて紹介したいと思います。 オンガクスリとは…

言葉の色を調べるためのChrome拡張をつくるためにいろいろ調べてまとめました

Chrome拡張つくりました 日頃から尊敬するクリエーター @ujjjj より依頼を受け、言葉の色を調べるための拡張 をつくりました。ramenandicon.hatenablog.comちなみにこのブログのトップのイラストも @ujjjj に描いてもらってます。 過去につくったChrome拡張 …

ひっそりと東京デザインウィークに出展して〼

tokyodesignweek.jp先週末より 東京デザインウィーク の ASIA AWARDS ヤングクリエイター展 にひっそりと 出展 させていただいております。 そうぞうの遊び from そうぞうの遊び on Vimeo. お近くにお立ち寄りの際にご来場いただけたりするとうれしいです。A…

BGM制作中

最近ガレージバンドでのBGMづくりに夢中です。 だいたいおんなじような曲になってしまうところに己の限界を感じています。 soundcloud.comsoundcloud.comsoundcloud.comsoundcloud.com

jsdo.it用QRコードメーカーをつくりました

jsdo.itコードの検証を行う際、jsdo.it をつかうことが多いのですが、そのURLをスマートフォンに渡す際はいつも手打ちしていました。 流石にめんどうなので、URLをQRコードに変換しようと思ったのですが、 jsdo.it には、 コード編集は jsdo.it で行われるが…

展示会開催し〼

そうぞうの遊び展sozonoasobi.com 今月末(8/29 [土] 30日[日])に銀座で展示会を開催します。 同じ職場の元上司で元部下の現同僚と一緒に展示します。 コンセプト 子供の頃って景色がもっとおもしろく見えていたような気がします。 いろいろ考えたんですが…

世界一ミニマルな野球速報アプリ chibadge(チバッジ) が復活しました。

プロ野球 2014シーズン終了とともにストアから取り下げていたchibadgeですが、2015シーズン開幕とともにストアに返ってきました。chibadge - 千葉ロッテマリーンズのスコアがバッジで確認できるアプリchibadge.kimizuka.fm chibadgeとは chibadge(チバッジ…

Web Components で pushタグをつくろう

前回のserifタグWeb Components で serifタグをつくろう - みかづきブログ その3kimizuka.hatenablog.com に続いて、今回はpushタグをつくってみました。 クライアントに ここをプッシュして欲しいんだよね。 とか言われたときに、つかいましょう。 JavaScri…

Web Components で serifタグをつくろう

hatsugenタグをつくろう - みかづきブログ その3kimizuka.hatenablog.com style属性で文章の見た目を整えよう。 - みかづきブログ その3kimizuka.hatenablog.com以前、タグの説明をするときに、「」が台詞を表すタグのようなものという話をしました。 マーク…

200を返すページをつくってみる

200 | OK 200 | OK 200を返すページをつくってみました。 200が返ってこない場合やオフラインの場合はChrome的な恐竜が表示されます。

404 NOT FOUND を実際の404ページに設定してみる

404 NOT FOUND - みかづきブログ その3 404 NOT FOUND - みかづきブログ その3 以前つくった 404ページ ですが、実際の404ページに設定してみました。 404 | NOT FOUND 404 | NOT FOUND 上記ページは200を返すサンプルページなので、本物の404が欲しい場合は…

404 NOT FOUND

以前、ページのローディング中に ローリング・ストーンズ の曲が流れる 「ローディング・ストーンズ」 というページをつくったことがありました。 The Loading Stones - みかづきブログ その3 The Loading Stones - みかづきブログ その3 今回は、404ページ…

SNSアプリ乗っとり対応シミュレータ

2014年につくっていたものを棚卸ししていて見つけました。 SNSアプリののっとりを疑似体験できるシミュレータです。 基本的にCSSでなんとかしているところに当時の情熱を感じました。 良きタイミングでリリースしようと思ってつくっていましたが、完全に期を…

Instagramの写真を振り返る

今更ながら、はてなブログにInstagram貼り付け機能があることに気づきました。 かつてスネオっぽいイラストを書いてInstagramに投稿することにはまっていた時期があったので、その時のアーカイブを貼り付けておこうと思います。 いかがでしょう。たまにはこ…

続・YouTubeでマルチアングル風の演出をつくろう

YouTubeでマルチアングル風の演出をつくろう - みかづきブログ その3 YouTubeでマルチアングル風の演出 - みかづきブログ その3以前、2本のYouTubeを切り替えるモック をつくりましたが、それを応用して 「まじですかスカ!」 ( http://www.youtube.com/wat…

アモーレ・モアレ その2

アモーレ・モアレ - みかづきブログ その3 アモーレ・モアレ - みかづきブログ その3以前つくったこちらのコンテンツをCodePen用にリメイクしてみました。 といっても丸抜きして、回転スピード / 方向を変えただけです。 なんかもっと有効に活用できるような…

CSSでkonashiの素材をつくる

CSSでiPhone本体の素材をつくる - みかづきブログ その3 CSSでiPhone本体の素材をつくる - みかづきブログ その3こちらの記事が意外に好評だったので、今回もCSSでフラットな素材をつくってみようとおもいます。 前回よりもちょっとニッチなデバイスですが、…

CSSでiPhone本体の素材をつくる

最近、WEBサイトにiPhoneっぽいものを置きたいときがよくあるので、素材用につくってみました。See the Pen hello world. by kimmy (@kimmy) on CodePen.若干デフォルメしてますが、割とサイズ感にこだわってつくってます。つくってから気づいたんですが、簡…