前回で近いうちにAjaxのセキュリティについて書きます！と宣言しましたが、あれはつまりCSRF攻撃の対策についてでした。今回はAjaxでCSRF対策を行う方法を書きます。 先に結論 Ajax通信におけるCSRF攻撃対策は通常の遷移時に施す対策と考え方はかわりません。 実装方法 ログイン時にトークンを生成しセッションオブジェクトにセットし、トークンをクライアントに送信 クライアント側のjsスクリプト内でトークンをAjax通信時に常に付加するように設定 サーバー側でAjaxで送信されたトークンの有無とセッションオブジェクト内のトークの一致を確認 ログアウト時にセッションは全て破棄 ここで生成するトークンはワンタイムではないです。ログイン時にずっと使いまわします。 ところで、パーフェクトPHPチルドレンとしては見逃せないエントリが CSRF対策のトークンをワンタイムにしたら意図に反して脆弱になっ

CMSは汎用的なものから、特定の目的やWebサイトの種類に特化したものまで様々です。 そのため製品を選択する際には、まず目的やWebサイトで実現したいこと、 コストやスケジュール、将来的な可能性をある程度明確化することが重要です。 特性を理解しないままに安易に導入してしまうと運用者の負担が大きくなり、 かえってコストがかかってしまう場合があります。 このサイトではCMSを導入検討前に必要な知識をご紹介いたします。 快適なCMS環境を手にいれるために、 ぜひこのサイトで学んでいただければと思います。

iPhone用に TK-FBP013EWH http://www2.elecom.co.jp/peripheral/full-keyboard/tk-fbp013e/ を買って、ついでにWindowsでも使っています。 ELECOM パンタグラフ式キーボード 82キー Bluetooth Sサイズ 英字配列 ホワイト TK-FBP013EWHposted with amazlet at 10.11.10エレコム (2010-08-26) 売り上げランキング: 2257 Amazon.co.jp で詳細を見る ただ、Windowsにペアリングしてそのままだとキーボードの配列はJISになってしまって、微妙に使い勝手が悪い。 販売元であるElecomは親切にも ≫USBキーボード 101->106 変更ユーティリティ2（Windows7/Vista用） http://www.elecom.co.

こんにちは増田です。今回はPHPStormの便利な機能を紹介します。 0. キーボードショートカットを設定する。 PHPStormにおけるキーボードショートカットの設定はKeymapで行うことが出来ます。 設定する際は一覧から目的のアクションを探して、キーボードショートカットを設定します。アクション名は画面上部の検索ボックスから検索することもできます。 Keymap設定画面 1. Structure クラスで定義されている関数一覧を見ることができます。EclipseにはあったのにPHPStormではどこにあるんだろう、と結構長い間探していましたがこんなところにありました。 Structureで関数の一覧を表示 2. 矩形選択 Editor Actions > Column Selection Mode Altを押しながらマウスで範囲選択をすることでもできますが、キーボードから離れたくないこ

最近仕事関連でChrome Extensionを作ったので、ポイントとかを簡単にまとめてみる。 前提 環境とか 古いChromeには対応しない(ChromeのバージョンによってAPIが変わってたりする) manifestのバージョンはv2 作るもの Extensionにはいくつかのタイプがあるが、今回は以下の様なものを作る。 ブラウザに表示されている内容を取得 1で取得した内容をExtensionのJavaScriptがパース Extensionのポップアップを表示し、2の内容を表示 ポップアップ上のボタンを押すと、内容がサーバーに送信される イメージとしては、はてブとかEvernoteのブラウザ拡張を思い浮かべてもらえれば良いかと。 後述する専門用語で言うと、browser action (あるいは page action) + content script という構成。 アーキテクチャ

何を作ったか? 以前、Youtubeの埋め込みコードに開始時間を設定する拡張を書いた。 YouTubeを途中再生できるように埋め込みコードを改変するChrome拡張をつくった - not good but great Embed Screen Jump Code for YouTube™ - Chrome ウェブストア それの技術的な解説を書こうと思う。 アプリの設計 拡張の作り方、用語の解説 構成や、拡張の作り方はこのページを参考にした。 2013-09-09 アプリの動作手順 おおまかな流れは次のようになる。 行程1.Youtubeの視聴ページに行くと、URLバーの端にPage Actionのボタンが現れる。 行程2.ページ読み込み終了後、Content Scriptを実行し、Youtubeの動画オブジェクトを取得し、現在の再生時間を得る。 行程3.Content ScriptからBa

Titanium Mobileみなさん使ってますか？ ちょっとしたツールを作る時やwebサービスとの連携アプリを 作る時はむちゃくちゃ便利で、現在私も使いまくってます。 Titanium Mobileアプリを作る際に一緒にダウンロードする Titanium Studioは、eclipseベースで拡張されたIDEなのですが、 補完機能がちょっといまいち。。。 シンタックスカラーもデフォルトだとシンプル過ぎるんですよね。 なので、私はどうしているかというと、 JetBrains社が開発販売しているThe best JavaScript IDE with HTML Editor for Web development :: JetBrains WebStormというIDEを使っています。 人によっては、IntelliJを使っている方もいらっしゃるかもしれません。 IntelliJ含め、WebSt

第4回Camera API/HTML5 Canvas/プラグインを利用したカメラアプリを作ろう 富田宏昭 2011-09-20

Windows 版 IntelliJ のショートカットキーで個人的によく使うものをメモ。 Eclipse の同等機能のショートカットも併記しておく。 入力支援系 - クイック・フィックス (Quick Fix) とりあえずこれをやればいい感じにやってくれる。 IntelliJ [Alt] + [Enter] Eclipse [Ctrl] + 1 - 行入れ替え Eclipseのように１行づつではなく自動でコードのまとまり単位で入れ替えてくれるがそれが逆に使いづらい気がするけど。 IntelliJ [Alt] + [Shift] + ↑ or ↓ Eclipse [Alt] + ↑ or ↓ - カレント行削除 IntelliJ [Ctrl] + y Eclipse [Ctrl] + d - カレント行複製 IntelliJ [Ctrl] + d Eclipse [Ctrl] + [Alt]

先日社内でJenkinsについての勉強会を行ないました。 勉強会を行った際に、JenkinsでPHPプログラムをデバッグしてみましたので 今回はJenkinsを用いてPHPプログラムをデバッグするまでの設定方法について書きたいと思います。 PHPでJenkinsを使ってみたいが、設定がわからないという方は参考にしてください。 Ⅰ：環境 以下の環境で設定を行ないました。 ・OS:Centos6 ・PHP：5.3 ・フレームワーク：ZendFramework ・JenkinsURL：http://jenkins.example.com:8080 （URLはJenkinsをインストールしたマシンのアドレスに変更してください） Ⅱ：サーバ上に準備するもの １：必要なソフト一覧 ①：Phing phpcs,phpmd,phpcpd,phpDocumentor,phpunitを一括管理することができる

前回：IntelliJ IDEA プラグイン漁り：第1回 Code Editing - 路地裏牧場 今回はCode toolsカテゴリ編です　Code Editingとごっちゃになってる感ある おすすめのプラグインには『★』をつけています。 ASM Bytecode Outline バイトコードとASMコードを表示するビューを追加します。 BrainLeg 例外を解析しStackOverflowの投稿を検索するなどして解決策を提示します。 ★Dummy Text Generator ランダムなテキストを生成するジェネレータを追加します。 ★GenerateO2O オブジェクトを別のオブジェクトにコピーするコードを生成します。 ★Guava Postfix Completion Postfix completion（IDEA13.1から追加された、末尾に入力された接尾辞からコードを補完する機

ここ数カ月、家でも仕事でもIntelliJ IDEAを使っているのですが、せっかくのIDEなのにショートカットをほとんど使っていなくて宝の持ち腐れ状態になっているので、ちょっと調べて便利そうな物を一欄にまとめてみました。 Macでは微妙に違うものもあるので注意。 ショートカット 動作 Ctrl + Space Basic Code Completion Alt + Enter Show intention actions and quick-fixes Ctrl + Alt + L Reformat code Ctrl + Alt + O Optimize imports Ctrl + P Parameter info Ctrl + Q Quick Documentation lookup Ctrl + F1 Show descriptions of error or warning at

ランキング参加中プログラミング windowsでgit操作を行う時はgit bashを使っています。 これで例えばorigin 先をコピーして貼り付けたい時があると思うのですが、 タブを右クリック 編集(E) 貼り付け(P) で今までしてたけど Insertボタン で解決された。 い゛ま゛ま゛で゛の゛じ゛か゛ん゛を゛か゛え゛し゛て゛く゛れ゛よ゛お゛お゛お゛お゛お゛ こちらもおすすめ エンジニアのためのGitの教科書 実践で使える！バージョン管理とチーム開発手法 作者:株式会社リクルートテクノロジーズ,株式会社リクルートマーケティングパートナーズ,河村聖悟,太田智彬,増田佳太,山田直樹,葛原佑伍,大島雅人,相野谷直樹翔泳社Amazon入門bash 第3版 作者:Cameron Newham,Bill RosenblattオライリージャパンAmazon arata.hatenadiary.co

IntelliJ IDEA 14のEAPを入れると日本語入力出来なくって悲しみある件の対応方法です。 原因 バージョン14のEAPでは、バンドルされているJERがJDK 8u20なのでSwingのバグで、 日本語入力するとIDEAが突然終了する問題が有ります。 *1 IntelliJ IDEAにバンドルされているJREのバージョンの確認方法。 $ pwd C:\Program Files\JetBrains\IntelliJ IDEA 138.2458.8\jre\jre\bin [C:bin] $ java -version java version "1.8.0_20" Java(TM) SE Runtime Environment (build 1.8.0_20-b26) Java HotSpot(TM) Client VM (build 25.20-b23, mixed mode)

対象読者 jQueryなどを使っているJavaScript開発者 JavaScriptを使った複数人でのプロジェクトに参加している方 JavaScriptを使ってサーバ等と連携したフロントエンドの開発をしている方 必要な環境 この記事では、AngularJSを使用し、Chrome（36.0）、IE11、Firefox（31.0）、Safari（7.0.5）の環境で確認を行っています。 サンプルアプリケーションの概要 今回作成するアプリケーションは、単純な「タスク管理」のアプリケーションです。次のような3つの画面を作ります。 タスク（件名とメモ）を登録する画面 登録したタスク一覧を表示する画面 登録したタスクを参照する画面と、削除する為の画面 ページ遷移はシングルページアプリケーション形式で作成します。シングルページアプリケーションとは、jQuery Mobileなどでも使われている方式であ

AgularJS に対する気持ち 所感といいつつ、主に自分がつらさとして感じていることを書く。所感シリーズとしては jQueryについての所感 も併せて読みたい。 この学習曲線の中でいうと、たぶん今の自分は Very Cool! の頂点から降りている最中くらいだと思う。そして、マサカリをふりかぶった諸兄にひとつだけ言いたいのは、共感脳を養った方がモテるということだ。 チキンハート的弁解: 以下はAngularJSに関するつらさを述べることに専念するために、美点を挙げていないだけであってAngularJSを全方位的に貶めたり、何かと比べて明確にクソだというような意図はない。 画像は AngularJS: The Best Parts · Anand Mani Sankar からの引用。X軸にある www.bennadel.com は AngularJS 大好きさん。 辛1. $scope が

先に「WebStorm」について軽く言及 【コラム】イマドキのIDE事情 (94) 最強のJavaScript IDE「WebStorm」を試してみる | エンタープライズ | マイコミジャーナル 最強のJavaScript IDE 「WebStorm」を使ってみた | Web scratch 最強と称したのは自分じゃないのですが、「WebStorm」は最強らしいです。最強な割に、AptanaとかKomodo等と比べるとマイナー感が溢れているのですが、気のせいでしょうか。 WebStorm自身、いつの間にかJavaScript向けのIDEということになっていますが、実際はWebフロントエンド全般に適したIDEです。そのため、HTMLやCSSについても、優秀な機能を備えています。とはいえ、HTMLやCSSだけを取り扱う場合はIDEが縁遠い気もするので、実質JavaScriptでゴリゴリ開発す