turbolinks について Rails 4 から turbolinks という機能がデフォルトで bundle されるようになった。 http://kray.jp/blog/must-know-about-turbolinks/ ページ遷移をすべて ajax でやってくれるが、割りとおせっかい機能。 しかも jQuery と競合するから jquery-turbolinks を gem で入れることで回避するとかやめてほしい。 こういう機能はぜひともプラグインで提供していただきたい。 turbolinks を切る さっそく turbolinks をオフにする。 Rails project 新規作成 turbolinks が bundler で最初に install されてしまうので、一旦 --skip-bundle をつけて skip
この記事は Turbolinks v2.2.0 時点のものです Turbolinks Classic is now deprecated Rails4系で使われていたTurbolinksはturbolinks-classicと命名が変更されました。 Rails5ではVersion 5 として turbolinks のversion ~> 5.0 が使われます。動作としては似てますが内部の実装が大きく変わっているので注意してください。 Turbolinksとは TurbolinksはRails4.0からデフォルトで導入されたgem railsアプリケーションを 簡単に pjaxっぽくすることが出来る。 ajaxとhistoryAPI(popState, pushState)を利用して画面遷移 Turbolinksで遷移する場合は、titleとbodyとcsrfトークンを変更する csrfトー
1.9.3p194 :228 > 10.between?(1, 10) => true 1.9.3p194 :229 > 11.between?(1, 10) => false 1.9.3p194 :230 > DateTime.parse('2012-10-01').between?(DateTime.parse('2012-01-01'), DateTime.parse('2012-12-31')) => true 1.9.3p194 :231 > DateTime.parse('2013-01-01').between?(DateTime.parse('2012-01-01'), DateTime.parse('2012-12-31')) => false Register as a new user and use Qiita more conveniently You get a
以下はhttp://docs.angularjs.org/guide/directive のドキュメントをだいたい和訳した感じの内容になってます。 概要 DOMをいじるコードを綺麗にみせるための仕組み。 directiveの処理の流れ http://docs.angularjs.org/guide/directive の Compilation process, and directive matchingの項より parse: HTML文字列をDOMに変換する。 compile: 1で変換したDOMを探索してdirectiveが必要な要素を見つけたらdirectiveのcompileを実行する。もし複数のdirectiveが必要な場合優先順位付けが行われる。 link: scopeとtemplateを結びつける。ここで要素に対するリスナが登録されたりscopeのwatchesがセットされ
仕事などでJSを書くようになって少々経つが、Java信者で頭が固い僕にとってはどうもJSというのは柔らかすぎてしっくりこない部分が多い。 考え方を整理するにはデザインパターンを知るのが早いと、最近思い立ったので改めて調べてみた。 ということで、Javaは大体分かるし、JSも書くけどそこまで詳しくない人向け(つまり自分主体)にまとめておく。 今のところシリーズ化予定。 ※ JSの知識には自信ないので間違った点に気付いた方がいらしたらコメント等でご指摘いただけると助かります。 ※ デザインパターンとして挙げているコードは、個人的にアレンジしている場合がありますので、ご了承ください。 0.はじめに 本編案内 内容に入る前に、予備知識をおさらい。要点ではないのでざっくり。 シリーズ案内 Javaプログラマから見たJavaScriptデザインパターン(導入編) Javaプログラマから見たJavaSc
JavaScriptデザインパターン:The Module Pattern JavaScriptの勉強にすごく役に立つので、JavaScriptを勉強したい人にはお勧めです。 ※The Module Patternサンプルソース var nameSpace = nameSpace || {}; var nameSpace.someModule = nameSpace.someModule || (function(){ // private attributes var privateVar = 5; // private methods var privateMethod = function(){ return 'Private Test'; }; return { // public attributes publicVar: 10, // public methods public
Essential JavaScript Design Patterns For Beginners (作者:Addy Osmani)JavaScript JavaScriptデザインパターン:The Singleton Pattern JavaScriptの勉強にすごく役に立つので、JavaScriptを勉強したい人にはお勧めです。 The Singleton Pattern パターンは、コンストラクタを private とすることで、他関数から新たにインスタンスが生成されないような構造とすることで、インスタンスの生成を制御します。 ※The Singleton Patternサンプルソース var SingletonTester = (function() { // args: an object containing arguments for the singleton funct
JavaScriptデザインパターン:The Constructor Pattern JavaScriptの勉強にすごく役に立つので、JavaScriptを勉強したい人にはお勧めです。 ※Basic Constructorsのサンプルソース function Car( model, year, miles ){ this.model = model; this.year = year; this.miles = miles; this.toString = function(){ return this.model + " has done " + this.miles + " miles"; }; } var civic = new Car( "Honda Civic" , 2009, 20000 ); var mondeo = new Car( "Ford Mondeo", 2010
(9/2/2014 追記:何故か後編の記事が削除されていましたので、分割後修正して再アップしました。) はじめに この記事は実際に手を動かし、コンピュータを使ってデータ可視化を行う人に向けて一般的なノウハウをお伝えする三回シリーズの第二回です。 前編: 効果的なデータ可視化とはどのようなものか? 中編: 分かりにくい可視化を避けるための手法の選択 後編: Part 1 基本原則 後編: Part 2 学習ガイド わかりにくい可視化 昨夜寝る前に気づいたのですが、前回のプログラマ向けのニッチな記事をはてなブックマークのヘッドラインで見かけて驚きました。そしてその中に鋭いコメントを発見しました: この手のグラフ系の可視化で本当に知見が得られたの?って思ってしまうな。わかりにくい。 これはまさにその通りで、これこそ私がこの記事をまとめようと思った理由の一つです。身も蓋もない事実を申し上げますと、
デザインパターンをSwiftで実装する場合の記述例がたくさん紹介されています。 Source: Design Patterns implemented in Swift @ Github まだすべてのパターンが網羅されていませんが、よく利用するものなどが記載されているので参考になるかと思います。 デザインパターンとは ソフトウェア開発におけるデザインパターン(型紙(かたがみ)または設計パターン、英: design pattern)とは、過去のソフトウェア設計者が発見し編み出した設計ノウハウを蓄積し、名前をつけ、再利用しやすいように特定の規約に従ってカタログ化したものである。 デザインパターン @ Wikipedia 以下各デザインパターンの概要は上記Wikipediaより 記載一覧 2014年8月28日時点 Creational パターン名 記載
OAuthプロバイダを提供することになったとして、アクセストークンに有効期限を設けるべきかどうかについて考えたい。OAuth 2.0の仕様にはアクセストークンの期限切れに関係する仕様が定義されているし、セキュリティをより強固にするためにアクセストークンは一定期間で期限切れにするべきだという主張があったと思う (確認していないので無いかもしれない)。しかしながら、例えばGitHub API v3ではアクセストークンに有効期限を設けていない。この投稿では、アクセストークンの有効期限に関係して起こり得る問題を取り上げる。 アクセストークンに有効期限を持たせておくとちょっと安全 アクセストークンが悪意のある第三者に漏洩してしまった場合、そのアクセストークンに認可されているあらゆる操作が実行可能になってしまうという問題がまず存在する。ここでもしアクセストークンに有効期限が存在していたとすれば、その操
インストール方法から参考リンクまで。 自分の勉強ついでに、Tigについて基本の すべてをまとめてみました。 合わせて読みたい 【おすすめ】MacのFinderをカスタマイズする魔法のコマンドたち 【おすすめ】これからWebする人はここ読んどけ(HTML/CSS/JS/Ps/Ai.etc) 【おすすめ】Qiitaを使い倒す方法一覧 Tigとは 定義 Tig is an ncurses-based text-mode interface for git. It functions mainly as a Git repository browser, but can also assist in staging changes for commit at chunk level and act as a pager for output from various Git commands. 要
改訂版について (5/7/2019公開) この記事は、私がこちらに公開したもの中では最も読まれているようです。そこで、執筆後に気づいたこと、古くなった情報、新しい技術動向などを考慮に入れて改訂をしました。主な変更点は以下の通りです: 新しいセクションの追加 最近の本の紹介 細かな表現の修正 この記事は複数のセクションに分かれていますので、前編から始め、順番にアップデートして行きたいと思います。何かお気付きの点などありましたら、コメント欄、もしくはkonoアットマークucsd.eduにお願いいたします。 はじめに この記事は、可視化の専門家ではない人がコンピュータを使ってデータ可視化を実際に行う場合に必要な、一般的なノウハウをお伝えするシリーズの第一回です。 前編: 効果的なデータ可視化とはどのようなものか? (本稿) 中編: 分かりにくい可視化を避けるための手法の選択 後編: Part 1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く