phi

I'm a Game Programmer and Frontend Engineer passionate about programming education. Math / C / C++ / C# / JavaScript / HTML5 / CSS3 / Python

phiaryjust a creator

Riot.js tips - preventUpdate を使ってスクロール時の大量 update() を止めよう

Cordova tips - Android 6 の Runtime Permission に対応する方法

jQuery UI tips 1 - sortable を使ってスマートフォンアプリっぽい UI と並び替えを実装してみた

『jQuery UI Touch Punch』を使ってスマートフォンでも jQuery UI を使えるようにする方法

C言語で作った数当てゲームを Node.js で再実装してみた

ピュアな JavaScript でフォーム(form)系要素の値を取得, 設定する方法一覧

Riot.js tips - yield の使い方

最新版の Ace で "Automatically scrolling..." って警告が出だしたら

スマホのクリック応答速度を劇的に速くしてくれる 『FastClick』 の使い方

Riot.js で Sass を導入して使う方法

Node.js のプロセスが立ち上がりっぱなしになった際に kill する方法

サーバーだけに頼る時代は終わった!? クライアントサイドでしっかり Validation する方法

Riot.js tips - Material Design な Chips を作ろう

LESS で calc を使う場合の注意点

Cordova tips - emulate ios --target='...' で指定できるやつ一覧

『thview.js』 を使って RICOH THETA で撮影したパノラマ画像を Web で表示しよう

ゲーム感覚で CSS3 の Flexbox を楽しく学ぼう

フロント界隈で一番イケてるのは AngularJS でも React でもなく Riot.js だという話

Riot.js tips - jade(pug) でタグを定義する際の yield バッティング問題を解決する方法

画像や動画をかっこ良くポップアップ表示してくれる jQuery plugin 『Lity』 の使い方

Three.js tips - クロスドメイン参照の画像を使う方法

Chrome extension tips - pupup を閉じる方法

Riot tips - Sublime Text に 『Riot Tag』 をインストールして tag ファイルをハイライトさせよう

Sketch の Spacing Line を CSS の line-height に変換する方法

あなたのサイトはモバイルフレンドリーですか? Google の『モバイル フレンドリー テスト』でチェックしよう

Mac に Homebrew で MySQL をインストールして使う方法

CSS tips - Flexbox でネイティブっぽいリストアイテムを作る方法

リアルタイムで LESS から CSS に変換する Web ツール作りました!

CORS を有効にした画像を HTML5 Canvas で使う方法

簡易お問い合わせを作る際にぜひ!『mailto link generator』作りました

何故かクセなる!? 超シンプルなシューティングゲーム『Throw Shot』

CSS tips - Flexbox レイアウトでヘッダーナビゲーションを作ってみよう