777ブログウェイ最終日！ みなさんお久しぶりです。 今年からソーシャルゲーム事業部で英雄になりたい！DELTAの開発にジョインした春菜です。 この記事は面白法人カヤックの七夕イベント「777」に向けたリレーブログです。 テーマは「つくるための三種の神器」です。 ウェブ系エンジニアのブラウザ三種の神器！ ウェブ開発に携わっている人もそうでない人も ブラウザを利用している時間ってかなりの割り合いなんじゃないでしょうか？ ということで、今回はブラウザしばりで三種の神器のご紹介をしたいと思います。 その1. Chrome 最近 iOS 版も公開された Chrome。俗称ちょろめ。 ボクは去年までは Firefox + Firebug をメインの開発ブラウザにしていたのですが、 今ではすっかりメインブラウザとして大活躍しています。 デフォルトの開発ツール(コンソールとかインスペクタ)の出来がいい

SelectivizrはCSS3の機能をIE6〜8でもサポートできるようにするライブラリ。 SelectivizrはJavaScript製のオープンソース・ソフトウェア。CSS3ではIDやclassによる指定の他にもセレクタが追加されている。例えば属性値による指定でスタイルを設定することもできる。機能が追加されれば、より自由度の高いWebデザインができるようになる。 使い方 しかし足を引っ張る要素も存在する。それがレガシーブラウザだ。CSS3に対応していないWebブラウザであるIE6〜8においてセレクタを使えるようにするのがSelectivizrだ。 SelectivizrをIE6〜8において読み込めば、多様なセレクタが利用できるようになる。面白いのはjQuery、dojo、prototype.js、YUI、DOM Assistant、MooTools、NWMatcherといった有名なJa

ほとんどの主要ブラウザ：それは、ネットショッピングをしている時のこと。やっぱり前に見た商品も一緒に買おうと思い、そのページに戻って商品をカートに入れました。そしてお会計のページへ戻ると、さっき入力した個人情報がキレイさっぱり消えてしまっている！ こんな場面に遭遇したことは誰しも一度はあるかと思います。しかし、しンプルなユーザスクリプトを使用して対策を打っておけば、二度と同じシチュエーションに遭遇せずに済みますよ！ 「Simple Form Saverユーザスクリプト」は、フォームページの画面の片隅に小さなボタンを追加。フォーム記入後（または記入途中）にそのボタンをクリックすると、フォーム全体が保存されます。よって、買い物を済ませて戻ってみたら、フォームが空になっていた...といった場合でも、ボタン一つで復元可能です。 もちろん、フォームの情報を記録するこの手のツール（英文記事）はこれだけで

「enchant.js」でゲームを作ろう！　HTML5とJavaScriptによるアクションゲーム制作入門 ライター：Veki HTML5でゲームが作れるライブラリ「enchant.js」がユビキタスエンターテインメントから発表されました。Webブラウザだけでスプライトを使ったゲームが動くとのことで興味を持った人も多いのではないかと思います。ここではenchant.jsを使ったゲーム作りについて見ていきたいと思います。 enchant.jsがサポートしているHTML5は，長らく使われていたHTML4に代わる次世代Webシステムの要となるものです。HTML5ではWebページの動的な要素，とくにグラフィックスの描画機能などが大幅に強化されており，これまでFlashを使わないとできなかったようなことが，HTMLとJavaScriptだけでできるというのが最大の特徴となっています。 ここにきてIn

Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。 圧縮されたコードの整形 まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。 例えば、Google Analyticsのコードは圧縮されていて普通は読めません。 しかし、Chromeのデベロッパーツールなら、 このように整形してくれます。 やり方は簡単で、デベロッパーツールのScript

よくあるツールだが、シンプルだし日本語もOKだったのでご紹介。 my code stockを使えば、PHPやらJavaScript、SQLやらのちょっと使えるコードを保管しておくことができる。 もちろん、保管したコードはフォルダ分けして管理することもできるし、タグをつけておくこともできる。 またエディターは自動的にコードが色づけされるので見やすいのもうれしい。 日本語での入力も検索も問題ないようだ。ブラウザさえあればどこからでもアクセスできるので便利ではなかろうか。

こんにちは。毎年花粉症になりかけている飯塚です。 最近のNode.jsの普及などによってサーバサイドJavaScript界隈が盛り上がっています。 そんなホットなJavaScriptをラクにかつエレガントに書くためのCoffeeScriptという言語をチュートリアル風に紹介します。 何かしらのライブラリを自分で書く程度にJavaScriptで開発している人は絶対に使ったほうがいいと思います。 JavaScriptを知っていれば1-2時間程度で十分駆使できるようになります。 （2011/6/28：@m_satyr様にご指摘頂いた箇所を修正しました。） 目次 CoffeeScriptとは？ インストール Hello World 構文 関数 変数展開 Objectの生成 ループ 存在チェック ヒアドキュメント thisのバインド クラス 無名関数 {var} Tips ?の使い分け 存在チェック

ドットインストール代表のライフハックブログ

はじめてのGoogle Chrome Extension Google Chrome Extensionを作成したので、Google Chrome Extensionの作成方法について解説したいと思います。 今回作成したのは、ページがRSSを配信している場合はアドレスバーの右側にRSSアイコンを表示して、アイコンをクリックするとFastladderの登録ページに移動するというもの。ちょっとしたカスタマイズでお使いのRSSリーダー用に改造できる思います。 非常にざっくりとした解説ですが、一連のフローはわかると思います。また、Chromeの各種APIはChrome Extensions API リファレンスを参考にしてください。 最初の準備 まずは、Google Chrome のメニューにあるレンチアイコン→Tools→拡張機能　から拡張機能管理を開きます。 拡張機能管理の右上にある『デベロッ

はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

Safari拡張をいくつか作って大体感覚は掴めたので、ざっくりと拡張の作成手順を解説してみます。 なお、Windows版で作業していますが、Macでもほとんど同じだと思います。 Safari拡張とは 最初に、Safari拡張とはなにか、について。Safari拡張はHTML/CSS/JavaScriptをベースに、ブラウザ側が用意したAPIを使ってブラウザを便利にするモジュールです。通常、JavaScriptだけではクロスドメインの問題など、実現できることに制限がありますが、その点を拡張用に用意されたAPIで補います。そのため、APIが用意されていない部分については対応できないという制限があります。しかし、開発のし易さ、ウェブとの親和性の高さからアイディア次第で便利で強力なツールとなるのがSafari拡張・Chrome拡張です。 なお、現状のAPIは暫定的なもので、ここで紹介するのもあくまで

FirebugはGoogle Chrome向けの機能拡張。FirefoxをWeb開発者の心をつかんで放さないのは、Firefoxアドオンによる所が大きいと思う。そしてその代表例としてFirebugがある。これがあるからFirefoxを切り離せないと考える人は多いのではないだろうか。 Google ChromeにもFirebugが！ そしてGoogle Chromeも機能拡張を備えており、コミュニティベースで様々なソフトウェアが開発されている。そしてついに登場したのがFirebug Lite for Google Chromeだ。ネーミングがなんではあるが、あのFirefox向けアドオンであるFirebugと同等の機能が提供されている。 コンソール機能を使ってJavaScriptを操作したり、CSSを修正したりすることが出来る。もちろんその修正はリアルタイムに反映される。これはGoogle

Visual Process Managerには、以下の4つの機能が備わっています。 ドラッグ＆ドロップのユーザーインターフェイスでアプリケーション開発を行う「Process Designer」 特定の手順に沿った操作画面（ウィザード画面）を開発できる「Wizard Builder」 開発したビジネスプロセスのアプリケーションを展開する前にシミュレートするための「Process Simulator」 実行エンジンとなる「Real-time Process Engine」 開発環境もクラウドの中へ クラウドをプラットフォームとするための開発ツールに力を入れているベンダとして、セールスフォース・ドットコムとマイクロソフトの2社はその筆頭に挙げられるでしょう。そして興味深いことに両社のアプローチは正反対です。 マイクロソフトは、これまで築いてきた開発ツールの強みとユーザーベースを最大限に活かすた

参照：http://b.hatena.ne.jp/HiromitsuTakagi/20070426#bookmark-4557199 [セキュリティ][乱数][PHP][使うな危険][bad] 「セッションIDの重複による脆弱性などに気を配る必要方は試してみては」 < 重複だけが問題なのではない。 予測困難性が求められていることが理解されてない。 その確認ができていないアルゴリズムを使ってはいけない。 予測困難性が重要であるのはおっしゃる通りです。 僕が 4/21, 4/22 で重複にしか触れていないこと、4/24 でも予測困難性について触れていないこともまた事実です。 これで「実はそれも意識して作っていました」なんて言っても説得力はありません。 が、少なくとも session_hash モジュールが生成するセッション ID は種に質の良い疑似乱数を使っており、製作者の意図の有無に関わらず