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

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

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

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

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などを使って brew install node としてインストールしておきましょう。 node -v としてバージョンが... 続きを読む

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

前回の記事を参考に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です。まずは実装の概要　今回は総務省の全国地方公共... 続きを読む

JavaScriptで音を鳴らす – Audioオブジェクト –

　簡単に、勉強したことのメモ書きです。　まず音源を読み込む部分は次。 [code lang=javascript] var audio = new Audio(""); // Audioオブジェクトを作る var canPlayOgg = (audio.canPlayType("audio/ogg")==""); // oggが再生可能... 続きを読む

TAG LIST