行をクリックした時、画面遷移するtableのシンプルな実装

経緯 管理画面などを実装しているとき、一覧画面ではテーブルでデータを表示することが多いと思います。 行のどこをクリックしても詳細画面や編集画面にジャンプするような行を実装したいという要望が出ることもあります。 今日はそのシンプルな方法 やり方 jQuery前提で話します。 HTMLは以下のようなもの。 [crayon-59e79c0278df3655238902/] このとき、以下の様なJavaS... 続きを読む

ブログを定期的に書き始めてよかったと思ったこと

基本的に筆不精な質の私ですが、ブログをここ2ヶ月ほど3日に1回のペースで執筆しています。 3日坊主になるかなぁ、と思ってたのですが、なかなかいい感じに記事を見てもらえて、リニューアル前の1.5倍くらいのアクセス数も継続的に獲得しています。 ブログをちゃんと書き始めてよかったと思うことをつらつらと書いていこうかと思います。 1. 思ったより仕事でも使える 会社で働いていると同僚や後輩から、「こういう... 続きを読む

iCheck.jsを使ってる時のchangeイベント

経緯 iCheck.jsを使うとチェックボックスやラジオボタンをスタイリングできます。 かなり定番のJSライブラリにはなりますが、使ってみると、onchangeイベントが取れなくなってしまいました。 公式ドキュメントみるとちゃんとifChangedを使えよって書いてありました。 サンプルコードは以下のとおり。 [crayon-59e79c0279fcb581310320/] まとめ ifCheck... 続きを読む

28歳になりました

この前の7月2日に28歳になりました。 28といえば、完全数です。1 7月2日といえば、元日から考えて、183日目(今年の場合は184日目)で、一年のちょうどど真ん中の日になります。 30歳という節目の歳まであと2年。 30歳になるまで、ひたすら無理を続けていこうと思います。 自分以外の約数を全て足し合わせると自分に等しくなる数。1+2+4+7+14 = 28なので、28は完全数 ... 続きを読む

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

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

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

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

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 イベント イラスト ゲーム フロントエンド ライフハック ライブ レポート 作曲 展示会 数論 日記 社会 考え事 自戒 記事紹介 資料 電子工作 音楽