はてなブログSSL化のチェックツールを作った - masalibの日記
常時SSLになった時にHTTPSの漏れがないのかをチェックする為にチェックツールを作った なお、chromeで確認できるが１つ１つ確認するなんて日が暮れるwww www.suzukikenichi.com ### チェックツールの内容 imgタグのsrcのアトリビュート imgタグのsrcsetのアトリビュート iframeタグのsrcのアトリビュート scriptタグのsrcのアトリビュート objectタグのdataのアトリビュート formタグのactionのアトリビュート embedタグのsrcのアトリビュート videoタグのsrcのアトリビュート audioタグのsrcのアトリビュート sourceタグのsrcのアトリビュート sourceタグのsrcsetのアトリビュート paramタグのvalueのアトリビュート linkタグのhrefのアトリビュート をチェックするもので
フロントエンド勉強会をやった - memo_md
Toyama.rb 第20回目のイベントとして、フロントエンドの入門的な勉強会をやった。 toyamarb.connpass.com 以前から懇親会などで「もくもく会以外でどういうことやりたいです？」と参加者に聞いていたところ、フロントエンドがよくわからん！という意見が多かったので、テーマに据えて勉強会をやってみることにした。 お盆 わりと面白いテーマだったので人数も結構集まるかな〜ワクワク、って思っていたら、お盆ど真ん中に設定してしまったので、普通に少人数だった。 完全に私のミス感はあるけど、人数が少ないぶん、ゆるい雰囲気でできたのでこれはこれでよかったかなって思った。（思いたい） babel & webpack 入門 1つは私自身が話をさせてもらった。 自分自身まだまだ解ってないことが多いな〜と日々感じることが多いけど、良く使う構成であればさくっと構築できるようになってきたので、頑張っ
Webサイトの作り方のまとめ！ブラウザチェック。
サンプルサイト制作を通して「Webサイト制作」についてまとめてます。 前回の記事で、トップページのコーディングがひと通り完了したので、下層ページのコーディングに移る前に、一旦ブラウザチェックしてみようと思います:)。 以下は目次です。クリックすると各項目へ移動します。 対象ブラウザ。 ブラウザの種類 ブラウザのバージョン ブラウザの進化 チェックすべきブラウザ ブラウザチェック。 ブラウザチェックツール BrowserStackを使ったブラウザチェック VMware＋IETesterでブラウザチェック Internet Explorerでバージョン別チェック チェック結果 表示の崩れを整える。 IE8での表示を整える IE7での表示を整える IE6での表示を整える モダンブラウザと同じくらいまで整える。 transitionの動きをjsで実装する IE8以下でも:last-childとか使
猫見っけ！指定した写真から猫を検出·Kittydar MOONGIFT
Kittydarは指定した写真から猫を検出するソフトウェアです。 FacebookがFace.comという顔認識技術を持った企業を買収しました。iPhotoなどでも顔認識の技術が用いられており、注目を集めています。しかし顔＝人ではありません。今回紹介するKittydarは猫の顔を認識する新しいタイプの顔認識ソフトウェアになっています。 トップページです。猫の画像をドロップします。 これはサンプル画像。確かに認識されています。 こちらはゼロ。確かに猫はいないように見えます。 おお、ちゃんと認識されている。 この画像の場合2匹しか検出されていません。 さすが猫とあって人間とは異なる検出技術が必要になるようです。認識精度はまだ高くありません。誤認識は少ないものの、猫自体を検出してくれないケースが多いようです。しかしオンライン上には猫の写真もたくさんあります。ぜひ猫をいち早く見つけられる、そんな存
たった２ファイルで，HTML＋JS製のネイティブAndroidアプリを作る手順 （動作するサンプルコード付き。WebViewの活用方法） - 主に言語とシステム開発に関して
AndroidプログラミングのTOPへ 重要なお知らせ： この記事で公開した情報は，AndroidのMVCフレームワーク「Android-MVC」の機能の一部として取り込まれました。 より正確な設計情報や，動作可能な全ソースコードを閲覧したい場合，「Android-MVC」の公式ページより技術情報を参照してください。 AndroidのMVCフレームワーク - 「Android-MVC」 http://code.google.com/p/android-mvc-... HTMLとJavaScriptを使って，Androidのネイティブ・アプリを作成し，実機上で動かす。 画面の裏側では，Javaのコード（Activityなど）が動いている。 特別なツールは，何も必要ない。 Androidの，標準の開発環境さえあればよい。 サンプルコードと動作手順 まず、アクティビティ。 WebviewTest
WebでTitaniumの画面生成コードをさくっと作る·Titanium Form Designer MOONGIFT
Titanium Form DesignerはWebブラウザ上でTitaniumのUIコードを生成するソフトウェアです。 TitaniumはJavaScriptのコードの中でUIを定義して画面を作成します。プログラマーにとっては分かりやすいかも知れませんが、慣れてくると面倒に感じるかもしれません。そこでTitanium Form Designerを使ってビジュアル的に画面を作成してみましょう。 作成画面です。左側からコンテンツを中央の画面にドロップします。 ドロップするとプロパティウィンドウが表示されます。 画像の場合はURLを入力します。 右側にソースが表示されています。これをコードに貼付ければ画面が作成されます。 Titanium Form Designerではまだ単純に追加したオブジェクトごとに画面を生成するくらいしかできませんが、そこは将来性に期待といったところでしょうか。また基礎
Google ChromeのJavaScriptデバッガの進化がすごい - os0x.blog
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。 圧縮されたコードの整形 まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。 例えば、Google Analyticsのコードは圧縮されていて普通は読めません。 しかし、Chromeのデベロッパーツールなら、 このように整形してくれます。 やり方は簡単で、デベロッパーツールのScript
JavaScript開発にalertを使っている人必見！ログ出力ライブラリ「Blackbird」 | Web活メモ帳
JavaScriptでログを表示するのに使えるライブラリ「Blackbird」のご紹介。 出力したいメッセージを指定するだけできれいに整形して表示してくれます。 例えば、以下のようなJavaScriptを実行してみます。 log.debug( 'this is a debug message' ); log.info( 'this is an info message' ); log.warn( 'this is a warning message' ); log.error( 'this is an error message' ); ↑すると、こんな感じで素敵に表示してくれちゃいます。 アイコンと色で視覚的にメッセージを区別することができるので、後から見分けるのも簡単です。 使い方 使い方は簡単で、ファイルをダウンロードした後、headタグ内でJSとCSSを読み込むだけでOKです。 <
JavaScriptでデータをダンプする「jQuery Dumpプラグイン」
PerlのData::DumperやPHPのvar_dump()のようなことをJavaScriptで行える「jQuery Dumpプラグイン」を紹介します。 jQuery Dump １．サンプル jQuery Dumpを使ってデータをダンプするには次のように設定します（青色部分）。 <pre id="dump"></pre> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="jquery.dump.js"></script> <script type="text/javascript"> $(function(){ var obj = { hubba: "Some string...", bubba: 12.5, dubba: ["One"
[JS]jQueryのプラグイン33+1選 -2011年2・3月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 MobilySlider 軽量ながらも高性能なコンテンツスライダー。 jShowOff さまざまなオプションを備えたコンテンツスライ
Node.jsとJasmineでJavaScriptのBDD環境 - ひげろぐ
Jasmineでスペックを書いていく環境を整えるのにJasmine Toolなるものを試してみた。 なお最近なんだかJasmine押しですが、Jasmineしか試してないだけであり他意はありません。 2011/01/12追記 Jasmine Toolはブラウザを介するもので、普通のJasmineとやってることは変わらない。 Node.jsを使って動かすのであって、Node.jsのソースをテストするのではない。ややこしいけど。 Node.jsのモジュールのテストにはjasmine-nodeやvowsが向いていそう。 両方試してみてjasmine-nodeについては書いた。 Jasmine Tool そもそもこれはなんぞや Jasmine ToolはNode.jsで動くコマンドラインのツール。 簡単に言うとrubygemsのjasmineのNode.js版。 rubygems版との違いはRub
Canvasを手軽に使えるライブラリ「jCanvaScript」 | Web活メモ帳
これはちょっと使いたいかも。Canvasを手軽に扱えるライブラリです。 iPhone,iPad,Androidで動くように最適化されているので、スマートフォン用のHTMLアプリを作る際に便利ですね。 コードは以下にご紹介。 var interval_1=0; function startShow() { var r = Math.floor(Math.random() * (254)); var g = Math.floor(Math.random() * (254)); var b = Math.floor(Math.random() * (254)); var x = Math.floor(Math.random() * (439)); var y = Math.floor(Math.random() * (554)); fillStyle = "rgba("+r+", "+g+",
jQueryをmootoolsなどの他のライブラリと干渉しないようにする方法まとめ :: 5509
ブログとかのプラグインでよく分からず使ってる人もいるみたいですし。結論は一番上のやつやってればいいんですけど、というか、プラグインソースは全部こうなってないとだめなんですけど、古いソースコードはそうなっていないものもあったりして（thickboxとか）、思いつく方法全部書き出します。 カプセル化する（これだけやればOK jQuery.noConflictを使う $をjQueryに置き換える jQueryを使わない jQueryだけを使う カプセル化する（これだけやればOK プラグインソースを (function($) { // hogehoge })(jQuery); で囲むだけ。ソースコードは // hogehoge のところに入れてください。これは簡単に言うと、(function($) { })(jQuery); に囲まれた中では $ = jQuery として扱われるのですね。この中は
間違いだらけの「かんたんログイン」実装法
今回は、そのかんたんログインの問題点について説明します。 「契約者固有ID」を用いるかんたんログイン かんたんログインとは、携帯電話の「契約者固有ID」を用いたログイン手法です。 第1回で説明したように、携帯電話のブラウザのリクエストヘッダには契約者固有IDと呼ばれるIDを付けることができます。契約者固有IDは、携帯電話事業者によって詳細は異なりますが、すべての携帯電話事業者が対応しています。 図1は、NTTドコモの携帯電話がサポートしている契約者固有IDである「iモードID」がサーバに送信される様子です。この情報は、ユーザーがそれと意識することなく送信されます。携帯電話のかんたんログインとは、契約者固有IDのみを用いて認証を行い、ログイン機能を実現することです。 かんたんログインは、ベーシック認証のようにIDとパスワードを管理する必要もなく、Cookieのように対応する端末を考慮する手間
MongoDB + node.js で作るソーシャルゲーム
The document discusses using node.js with MongoDB. It includes examples of basic CRUD operations using the node.js driver and MongoDB native driver. It also discusses ORM libraries like Mongoose that provide an abstraction layer. The document contains code samples for performing inserts, updates, finds and counting documents using the native node.js driver and Mongoose.
モダンJavaScriptを無理なく学べる5冊+3
この5冊で一通り学べます。 最近のJavaScriptが書きたいなあ、と思ったときに、キーとなるのは・・・。jQuery、クロージャ、無名関数、HTML5、スマートフォン対応！？ それらを「わかりやすく」学べる、という視点で選んだ5冊。そもそもJavaScriptって何？という方は、まず以下の記事から。 JavaScript講座 [Smart] ＞＞書き方、構文、演算子・・・。基礎を学べます。 「目指せ！ウェブマスター」JavaScript講座 ＞＞サンプルたくさん！ ハタさんのブログ(復刻版) : javascriptを初めて学ぶ人についてのおさらい。その１ ＞＞今風の書き方の基礎
Node.jsスクリプトの複数プロセス化を試してみました
こんにちは、中川です。 今回もPHPには一切触れないで、node.jsについて書いていこうと思います。 node.jsといえば、サーバサイドのV8で動作するJavaScriptのため、 通常、シングルスレッドでの動作となります。 ただ、そのまま使ってしまうと、最近のマシンはマルチコアが当たり前なため、 1コアだけ使うようなプログラムではもったいないということがありますね。 そこで、node.jsでもスクリプトを複数プロセス立ち上げ、 マルチコア環境でも有効に利用できるようにしてくれるモジュールを色々試してみました。 ■環境 Ubuntu10.10 Node v0.4.0 ・spark2@2.0.11 ・cluster@0.2.4 ・fugue@0.1.1 ・multi-node@0.2.2 ※ポート: 3000番 ※Worker数： 2個 // server.default.js var
jQueryMobileを使ってのスマートフォンサイトの構築メモ at HouseTect, JavaScriptな情報をあなたに
Dalam dunia hiburan digital, SURGAVIP kembali menjadi sorotan setelah Broadcasting Empire merilis ulasan eksklusif mengenai pola permainan dari salah satu provider terfavorit, yaitu Pragmatic. Penelusuran kali ini berfokus pada peluang kejutan jackpot maxwin yang sedang ramai diperbincangkan komunitas game online. Broadcasting Empire menyoroti bagaimana konsistensi kemenangan dalam game pragmatis
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Under Maintenance
Build and implement a single sign-on solution
