Bowerでインストールしたファイルのディレクトリを変更する

経緯 Bowerを使ってるとbower_componentsの中にjsのファイルが入っていきますが、jsだけでなく、README.mdやbower.jsonなどの余計なファイルもたくさんあって、あまり見やすいとは言えません。それが嫌で毛嫌いされているような感じがするBowerですが、ちゃんとそのあたり解決する術は残されています。 こんなときこそ、GruntJSです。GruntJSの導入はここでは触... 続きを読む

Gruntで自動的にブラウザをリロードする方法

経緯 フロントを構築するときに面倒くさいSassやCoffeeScriptのコンパイルやらなんやらを自動化できるツールのGrunt。 Gruntのすばらしさはこれだけにとどまらず、もっt様々なことを自動化することができます。 たとえば、地味に面倒くさいCSS変更後のブラウザの更新。デュアルディスプレイにして、片方の画面でブラウザを見ながら、もう一つでコーディングなんていうことをしていると、わざわざ... 続きを読む

ポッキーゲーム作った

11月11日といえば、日本人なら誰でも知ってるポッキー&プリッツの日です。 というわけで、ポッキーゲームをする相手のいない俺は、ポッキーゲームを疑似体験できるものを作ってみました。 イラスト部分をクリックした上でスペースを連打すると男のほうがどんどんと近づきます。 特にそれ以上のことは何もありません。 ちなみにProcessing.jsを使ってます。製作時間はイラスト含めて2時間程度。明日... 続きを読む

Yeomanを使ってAngularJSのひな形づくり

AngularJSをやり始めて思ったこと。 普通に手作業でView作ってController作って・・・ってやってると結構めんどくさい。なんかある程度は自動化できないのかなー?と思ったら、普通にこの前の記事の本に載ってました。 YeomanというWebのひな形を作ってくれるツールを使えば、スムーズに開発が進められそうです。 というわけで、今日はこのYeomanを作ったAngularJS開発について... 続きを読む

AngularJSで画面遷移するときに便利なng-view

AngularJSの全体像がつかめてきましたぞ!ガチャピン!1 本を買って勉強中です。今、全体の20%くらいしか呼んでませんが、だいぶ全体像がつかめてきました。 ただ、どうやら、バージョンが古いのか、 Changing Views with Routes and $location という章のサンプルコードがうまく動かなかったので、それの補足というか、こうやったら動いたよっていうやつです。 この章... 続きを読む

AngularJS: 条件によってスタイルを変更できるng-class

最近AngularJSにはまってるので、ちょいちょい、AngularJSを勉強して覚えたことを書いていこうかなーと思います。 よくJavaScriptでフロントのコーディングしてたら、条件によってスタイルを変えてやりたくなることが多いです。例えば、お気に入りボタンを押す前は文字色は黒だけど、押したあとは赤になるとか。JQueryでやると、addClassやらremoveClassやら使って結構面倒... 続きを読む

Grunt.jsでフロントエンド開発を自動化してみた

Gruntはフロントエンド開発において、CoffeeScriptやSassなどを使うときに、コンパイルを自動化してくれるツールです。 gruntコマンドのインストール Grunt.jsはnode.jsで動くツールです。もし、node.jsがインストールされていなければ、brewなどを使って [crayon-5ba583bc73792880824261/] としてインストールしておきましょう。 [c... 続きを読む

一瞬で大量のクッキーを手に入れるブックマークレットを作ってみた。

前回の記事を参考にURLを次のものに変えれば、一瞬で、 9999999999999999999999999個のクッキーが手に入ります。 [code lang=javascript] javascript: Game%2ecookies %3d 9999999999999999999999999 [/code] もともと何が面白いのか分からないゲームがさらによくわからなくなります。 *追記:* Ja... 続きを読む

CookieClicker自動化するブックマークレット作ってみた

何番煎じのものかはわかりませんが、ブックマークレット作ってみました。 ブックマークバーで[右クリック]->[ページを追加]します。 名前は適当にわかりやすいものを。URLに次のコードを打ち込みます。 [code lang=javascript] javascript:function cookie%28%29%7bdocument%2egetElementById%28%27bigCookie%2... 続きを読む

都道府県を指定したとき変化する市区町村プルダウン

 よく見る都道府県を選択すると、市区町村のプルダウンがその都道府県に合ったプルダウンに変化するってやつ。例えば、福岡県だったら福岡市や北九州市が選択肢として出てきて、京都府だったら京都市とか宇治市とかが出てくるようになるプルダウン(以下、市区町村プルダウン)。それを実装する機会があったので、そのメモ。言語はPHP、フレームワークはFuelPHPです。 まずは実装の概要  今回は総務省の全国地方公共... 続きを読む

TAG LIST

AngularJS Arduino C++ CoffeeScript CSS FuelPHP Gem Grunt HTML5 Illustrator iPhoneアプリ JavaScript jQuery Midi MySQL Node.js OpenCV openFrameworks OpenGL osc Pd-extended PHP Processing Raspberry Pi Ruby Ruby on Rails WordPress イベント イラスト ゲーム フロントエンド ライフハック ライブ レポート 作曲 展示会 数論 日記 社会 考え事 自戒 記事紹介 資料 電子工作 音楽