ユーザの手によって<div>タグの大きさや位置を、ドラッグして移動や拡大させたいとき、簡単に実装できるInteract.jsのご紹介します。ちゃんとスマホでも動作確認できたのでこのようなUIが必要なとき、必要な使い勝手がいいと思います。 http://interactjs.io/ Document: http://interactjs.io/docs/ 実装方法
Railsではlink_toヘルパーにdata: {confirm: 'よろしいですか?'}のように書いたり、HTMLで<a data-confirm="よろしいですか?">確認</a>のようにdata-confirmと、リンクをクリックしたときに確認のアラートが出るようにできます。 通常のhrefで指定されたリンクの場合は、confirmでOKを押すと、リンク先に遷移します。た
システムを構築してると、幾つかのステータスを持つことがあります。例えば、商品についてのモデルProductのstatusとして、「発売予定」「発売中」「絶版」「再販未定」の4つのステータスを持っているとします。 これらを扱うModelの良い書き方を紹介します。 ステータスを数値を使って表現した時の問題点 それぞれのステータスを10, 20, 30, 40という数値で管理しようと思います
WordPressのカスタムフィールドは使いにくいので、それを解決するための様々なプラグインがあります。 ただ、これらを使うと、開発環境で構築したあと、本番環境に移すとき、再設定する必要があります。 個人的に、WordPressは出来る限りテーマで完結させて、サーバ上でWordPressをインストールして、テーマだけデプロイできるようにするのが好きです。 そこで、WordPres
サービスを作っていると、マスター管理された文字列を利用してパスを切り分けたいことがよくあります。たとえば、顧客ごとに、customer_a/awesome/path,customer_b/awesome/pathのようなイメージです。 この記事ではRailsでこのように動的にパスを切り替えるルーティングの記述方法について、解説しています。 問題点 マスター管理された文字列でシステ
経緯 Webアプリケーションでは往々にして管理者向け画面とユーザー向けの画面に大きく別れることがよくあります。 ただ、「両方とも、productを扱うから!」と管理者画面もユーザー画面もapp/controllers/products_controller.rbに記述してしまうと、ファイルが大きくなり、管理しづらくなってしまいます。 また、公開側のURLは/productsのよう
全ての<p>タグに対してスタイルを当てたかったのですが、単純にやってしまうと、#hoge以下の表示が崩れてしまうことがありました。そこで、#hogeに囲まれていない<p>に対してCSSを当てる方法のご紹介です。 コード :not(#hoge) p{ /* 当てたいスタイルシート */ } 解説 :not()は()内のセレクタ以外のものにマッチしま
大学の後輩が研究として、物理シミュレーションして、VRで遊べるアプリケーションを作っていました。空気抵抗を考える必要があり、複雑な微分方程式を解かなくてはならないとのことで、大学時代にカオス理論を専門にしていた自分にRunge-Kutta法を教えてほしいと相談されたので、プログラムを作ってみました。 Runge-Kutta法とは Wikipediaを参照すると以下のように書かれています
後輩から以下のようなLINEが来ました。 「適切」という言葉が曖昧ですが、以下のように解釈しました。 材料の本数が最小であること。最後、余る棒の長さが最大であること。 平易な言葉でいうと、なるべく少ない材料で、使いまわせるように、余りは出来る限り長く取ろうという意味です。 コード Rubyで総当りのプログラムを作りました。後述の通り、計算量は大きいですが、ひと
AngularJSアプリケーション開発ガイドという本を買って勉強中です。今、全体の20%くらいしか呼んでませんが、だいぶ全体像がつかめてきました。 バージョンが古いのか、Changing Views with Routes and $locationという章のサンプルコードがうまく動かなかったので、動くようにしました。 この章では、ページ遷移なしで、画面を遷移させましょうというのが主題