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

つくったもの考えたこと

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

2016-12-11

はてなブログの読者になるボタンのリンク

HTML

http://blog.hatena.ne.jp/#{USER_ID}/#{URL}/subscribeで読者になるか否かを選択できる画面に遷移する。なので、 http://blog.hatena.ne.jp/kimizuka/kimizuka.hatenablog.com/subscribeこちらのURLでこのブログの読者になるか否かの画面に遷移。リンクに…

2016-12-09

JavaScriptでSin曲線を描く

JavaScript

本日無性にSin曲線を描きたくなりまして。最速で描くとしたらどうするかな。と考えたところ。JavaScriptをつかってCanvasにレンダリングすることにしました。 JavaScript var canvas = document.createElement("canvas"); var ctx = canvas.getContext("2d"…

2016-12-08

CSSのみでドロワーメニューをつくったぞい

CSS

DEMO See the Pen Drawer Menu made from CSS only by kimmy (@kimmy) on CodePen.チェックボックス、隣接セレクタ、checked擬似クラス、target擬似クラスを活用してJavaScript無しでの動作を実現しています。 HTML <input id="btnMenu" type="checkbox" class="btn"/> <nav id="menu"><a href="#a" class="btn">MENU_A</a><a href="#b" class="btn">MENU_B</a></nav>

2016-12-07

iPhoneのSafariのデフォルトの挙動（ボタンをタップした際の色、テキスト選択、長押しで開くメニュー）をリセットしたいという想い

iOS CSS

結論 * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; } でOK。こちらのページで検証しました。（iOS10.1のiPhone6を使用して確認）http://jsrun.it/kimmy/ITBo ボタンをタップした際に薄暗…

2016-12-06

HomebrewをつかってMacにffmpegを導入する。

Mac

1. Homebrewのインストール /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 2. ffmpegをインストール brew install ffmpeg 3. （動かない場合は）lameもインストール brew install lame 関連記事 kim…

2016-12-05

ffmpegのエラーを解決する（dyld: Library not loaded: /usr/local/opt/lame/lib/libmp3lame.0.dylib）

Mac

ひさしぶりにmp4をgifに変換したくなったのですが、手順をすっかり忘れていて、自分のブログを検索したら、この記事がヒットしました。kimizuka.hatenablog.com過去の自分に感謝しながら、 ffmpeg -i input.mp4 -r 8 -s 480x360 output.gifを叩くと、 dyl…