ToDoDoDo

WEBとクリエイティブな何かについて

備忘録

PHPStormのローカルターミナルで日本語を使用できるようにした

PHPStormをversion7に上げたら、なんかターミナル付いててテンション上がったんだけども 残念ながらデフォルトでは日本語対応してなかった。とりあえず、下記のコマンドを叩いたところ、完璧ではないが表示は大体できるようになった export LANG=ja_JP.UTF-8

PHPStormでYAML(.yml)を扱う場合、プラグインを入れるとシンタックスハイライトが効いて便利

定期的にtwitterのような感覚で記事を書きたくなります。 そんな、年の瀬。 photo by @Doug88888つい先程、PHPStormのバージョンを今更ながら6 -> 7にバージョンアップしました。 その後、YAMLファイルを触っているとプラグインがあるよーってアラートが出て…

【AngularJS】$scopeプロパティの監視、処理のバインドを設定

AngularJSにおいて、通常、モデルとなる$scopeプロパティの更新は常に行われるますが、値の変更に対して処理のバインドを行いたい場合は、$watch()メソッドを用いて監視できます。 // $scope.$watch(watchExpression, listener, objectEquality) $scope.$wat…

jQueryプラグイン、jQuery.uploadを使って画像の非同期的にアップロードを行う

ページ遷移を行わずにファイルタイプのアップロードを行うには、大体2つのパターンが考えられます。 一つは、ファイルデータをbase64形式にエンコードして、Ajax通信でサーバへ送る方法。 そして、もう一つは、ページ内にiframeを生成して、そこでformによ…

【Backbone.js】Backbone.View でthis.$('foo', 'bar')はthis.$('foo')になる

使用バージョン 0.9.2の話ViewのjQueryエレメントとして、今までは this.$el の表記をよく使用していたが、最近は this.$('hoge') をよく使用している。jQueryにおける $('foo', 'bar') $('bar').find('foo') の2つは、ほぼ同じ動作だが、Backbone.View で…

jQueryUIのsortableで、ソート可能な要素のfilterを指定する

jQueryUIのsortableで、ソート可能な要素のfilterを指定するには以下のように書く $(sortParent).sortable({items: '.ableSort'});

JavaScriptで数値のゼロパディング(一定の桁数にゼロ埋めする)

ifやlengthで泥臭い実装を何箇所かでやってしまっていたので、もっとスマートにできないかと調べたら、以下のコードでいけるみたい。 ("0" + num).slice(-2) strObj.slice(start, end) "0"を加える事で文字列に変換し、sliceは負数を引数として指定できる。 …

Google Chart Tools の Geochart API を使って都道府県別グラフを描画する

可視化のためのJavascriptライブラリは数多くありますが、Google Chart Toolsは、googleが提供する可視化を実現するAPI群です。Google Chart Tools今回はその中から Geochart API を使ったサンプルとして、都道府県別グラフを描いてみました。また、他にも様…

jQueryUIでイベントの制御を行う

jQueryUIについて jQueryUIには便利なUI操作のメソッドが用意されています。 ドラッグ&ドロップ、選択、リサイズ、ソートなどのマウスの挙動を扱うInteractions群や、 アコーディオンやスライダー、ダイアログなどを扱うWidgets群が用意されており、 いずれ…

Twitterボタンで任意の画像や、テキストをカスタマイズするコード

Webサイト内で、任意のTwitterシェアボタンを設定したいときには以下のコードを流用すれば簡単に設定可能です。 <a href="http://twitter.com/share?url=[ShareURL]&text=[TweetBody]&via=[ViaUser]&related[RelatedUser]"> <img src="[ImageURL]" alt="[DisplayIfNonScript]" > </a>

OpenStreetMap(OSM)で画像のパスを指定する方法

OpenStreetMapは、自由に利用でき、なおかつ編集機能のある世界地図を作るための共同作業プロジェクト。 OpenLayers APIが利用でき、地図のカスタマイズが可能です。 APIを利用して画像を地図内に表示したい時、画像のパスが通っていなくて、画像が表示され…