Interact.jsを使ってインタラクティブな図の編集

経緯 ユーザの手によって<div>タグの大きさや位置を、ドラッグして移動や拡大させたいということは意外とあるなー、と思います。 それを簡単に実装できるInteract.jsのご紹介。ちゃんとスマホでも動作するのでかなり使い勝手がいいと思います。 http://interactjs.io/ Document: http://interactjs.io/docs/ 移動 <p cla... 続きを読む

[Rails]confirmでOKしたときだけJSを動作させる方法

経緯 Railsではlink_toヘルパーにdata: {confirm: 'よろしいですか?'}のように書くと、リンクをクリックしたときに確認のアラートが出るようにできます。 ただ、いつもどこでも、ajaxを飛ばすなど、リンク先に遷移するわけではありません。 そういうときに、confirmでOKされたときにだけ実行するJSの書き方。ここではCoffeeScriptを利用します。 やり方 やり方は... 続きを読む

[WordPress] 独自の設定画面を作って簡単に情報を管理する!

経緯 WordPressを使ってWebサイトなどを構築していると、設定で管理すべき部分が出てくると思います。 例えば、企業のWebページとかだと、所在地や電話番号などはアクセスのページにあったり、footerにあったり。 こういう情報はカスタムフィールドなんかで登録するより、設定で管理したほうが自然です。独自の設定の作り方について。 作り方 設定項目の追加 まずは、functions.phpがごち... 続きを読む

VR ゲームジャム2016に参加してきました

2016年6月18日〜6月19日の二日間、VR専門メディアMogura VR様とPerception Neuronでお馴染みのNoitom様主催のVR ハッカソンが全国7会場(東京, 大阪, 石川, 岡山, 広島, 福岡, 沖縄)で行われました。 今回は福岡会場の取り仕切りをFukuoka MotionControl Networkで受け持ちました。 会場はなんと、私の自宅でした。全国的に見ても、... 続きを読む

世のWordPressのページネーションのサンプルは何故あんなにもカスタマイズしにくく書いているのか?

経緯 ちょっと煽りっぽいタイトルつけてみた。 「WordPress ページネーション」みたいなワードで検索してみると、プラグイン使う方法と「プラグイン使うとカスタマイズ性低いから自分で作ろうぜ!」みたいな記事が見つかる。 でも「自分で作ろうぜ!」って言ってる記事でも一つの関数だけで実装しようとしているせいか、とてもカスタマイズしやすい形とは言いづらい。Viewは分けるべきだろうjk、ってことで、そ... 続きを読む

[WordPress] 開発するとき、エラーの箇所が表示されるようにする設定

WordPressではデフォルトでエラーが起きたときに、エラーメッセージがブラウザ上で表示されないようになっています。 このままでは真っ白画面が表示されるだけで、何が起きているのか分かりませんし、ログファイルを見るのはちょっと面倒ということもあるかと思います。 エラーメッセージをちゃんと表示させる方法のご紹介です。 やり方 エラーメッセージを表示させるためには WordPressのディレクトリ直下... 続きを読む

TAG LIST

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