Firefoxのアドオンを書いてみた
word-later というアドオンを作りました( github )。これは英語の文章を読む時に知らない単語が出たらポチポチ登録して、読み終えた後で単語帳につっこむために単語一覧を表示するアドオンです。探せば同じようなアドオンはあるかと思いますが勉強も兼ねて。 昔もアドオンを作ろうとしたことがあるのですが、結構大変な作業でした。 今はAdd-on SDKなるものが登場して、ある程度のことは簡単に作れるようになってます。本家のチュートリアル を参考に環境構築まではとても簡単にできました。 以下、今回使ったAddonで使えるUIなどについてメモ ActionButton ツールバーのボタンです、Firefox 29以降のUIではツールバーのアイコンをメニューパネル（右上の横棒3つのやつで開くところ）に配置可能になりました。 メニューパネルではボタンのアイコンは大きく表示されるので、iconプロ
CakePHPとJSONでAjax用APIを作る方法
以前、CakePHPでjQueryのAjaxを使う方法というエントリーを書きましたが、 今回はJSON形式の配列を返却するAPIを作ってみます。 ここ一年間、APIを設計したり使ったりしましたが、自分なりのノウハウをまとめてみようと思います。 JSON形式で返すメリットjavascriptでオブジェクトとしてそのまま扱えるPHPから他の言語へデータの受け渡しが容易JSONはXMLなどと比べ軽量JSONを返すWebAPIはjavascriptとの相性も良く,Ajaxでのやりとりにも使えます。 PHPの場合はjson_encode、json_decodeで等でJSONと配列を簡単に変換できます。 $json = json_encode(array('あ', 'い', 'う')); echo $json; // ["\u3042","\u3044","\u3046"] ※["あ","い","う"
CakePHPでjQueryのAjaxを使う方法
CakePHPでAjaxを使う方法をご紹介していきます。 Ajax処理を書くとき、CakePHPでは色々な手法があるので簡単にまとめていきます。 また、下記の記事でも改めて解説していますので御覧ください。 CakePHPでJSONを返すAPIを作る 初めてCakePHPでajaxを使った時にMissingViewでハマり、 CakePHP×Ajaxを解説しているサイトが見当たらず苦戦した思い出があります。 非常に便利なAjaxですが、CakePHPで使用する場合はAction側で一手間加えてやる必要があるのです。 ということで今回はCakePHPでAjaxを使う方法について解説します。 注： CakePHPにはAjaxHelper(JsHelper)が用意されていますが、今回は使いません。 というのも、個人的に使い勝手があまり良くない印象があるので。 （そもそもjavascriptはjsフ
切り抜きツールとスライスツールの機能 Photoshop CS5 の使い方 - カフィネット
Adobe Photoshop CS5 の切り抜きツールの使い方 自動選択ツールの続きです。Adobe Photoshop CS5（アドビ フォトショップ CS5）の使い方を理解するために、ツールパネルに収録された機能を見てみたいと思います。 Adobe Photoshop CS5 * 画像の切り抜き ツールパネルの切り抜きツールを選択すると、オプションバーから切り抜きツールのプリセットが選択できます。 切り抜きツールのプリセットが表示されていない場合は、ツールプリセット右側の三角のボタンからプリセットを置き換えてください。 別の画像の寸法や解像度に基づいて切り抜きを行う場合は、オプションバーの前景ボタンを選択して数値を表示します。 切り抜く幅／切り抜く高さ／解像度が設定されます。（数値の変更は可能です） 切り抜く画像に戻って切り抜きツールを使用すると、設定した幅と高さで切り抜きが行われま
イラストレーター（AdobeIllustrator）講座●パスをグループ化する
●グループ化 アドビ イラストレーター（Adobe Illustrator）で作業中に画面の中のパスが増えて重なってくると、複数のパスを同時に選択したい場合にドラッグ（や、なげなわツール）が使えなくなります。 shiftキーで選択するパスを一つずつ追加していくのも手間が掛かります。かと言って、選択しやすいように例えば一人のキャラクターごとにレイヤーを用意すると、百人なら百枚のレイヤーが必要になります。 そこでグループ化の登場です。 グループ化すると、「選択ツール」で複数のパスを一気に選択することができます。グループの中のパス単体を選択したい場合も「グループ選択ツール」を使えば選択できます。 グループ化しておくと、パスにオブジェクトメニューの［アレンジ］で［最前面へ］を行った場合でも、そのパスはグループ内でいちばん上（［最後面へ］なら、いちばん下）に行くので、パスの順序を調節するときにも便利
いまからはじめるPrototype.js(1) Prototype.jsの概要と$で始まるメソッド
Prototype.jsとはなにか Prototype.jsは、Sam Stephenson氏を中心とするチームによって開発されているAjax対応JavaScriptライブラリだ。単体でもAjaxian.comの2006年と2007年の調査で最もよく知られたAjaxフレームワークに選ばれるほどの人気を得ているが、実はWebアプリケーション・フレームワークRuby on Railsのプロジェクトで開発されているプロダクトであり、同フレームワークに同梱されているため、Ruby on Rails経由で使用されるケースも多い。 ライブラリはMITライセンスで公開され、ドキュメントはクリエイティブ・コモンズ(Creative Commons)ライセンスのAttribution-Share Alike 3.0で公開されている。詳細はライセンスのページで確認していただきたい。 これから6回にわたって、こ
changeイベント：フォームや選択メニューが変更されたとき
change イベントはフォーム( input 要素)や選択メニュー( select 要素 )、テキストエリア( textarea 要素)にてユーザーの操作によって値が変更されたときに発生するイベントです。 onchange 属性または onchange プロパティに対してイベントハンドラを設定したり、 addEventListener メソッドの引数として change を指定してイベントリスナーを登録できます。ここでは JavaScript を使って change イベントが発生した場合の処理を記述する方法について解説します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
50冊からつくれるオリジナルノート【書きま帳+】