ドットインストール代表のライフハックブログ
本稿では、Node.jsの特徴や動作原理に触れ、サンプルや役に立つパッケージ、活用事例などを紹介したいと思います。 主なサーバサイドJavaScript Node.jsに触れる前に、予備知識として他のサーバサイドJavaScriptにも触れておきます。Node.js含め、サーバサイドJavaScriptには、主に以下のようなプロジェクトがあります。 サーバサイドJavaScripの標準仕様「CommonJS」とは サーバサイドJavaScriptには、「CommonJS」と呼ばれる標準化が策定されています。標準化というと難しい感じがしますが、要はサーバサイドでJavaScriptを実行するのに何が必要かを仕様として、定義しているドキュメントのことです(例えば、「ログが必要だよね」など)。 Node.jsは、このCommonJSに則って開発されています。現段階であれば、CommonJSの仕様
PDFKit ? A PDF Generation Library for Node Node.js向けのPDF作成ライブラリ「PDFKit」が公開されていました npmコマンドでインストールできるPDFライブラリです。 npm install pdfkit で入るそう。 HTML5のcanvas風APIで作れるみたいです。サンプルコードは以下。 かなり分かりやすいコードですね。JavaScript最高!というやつです。 今後もこうしたライブラリがどんどん充実していってほしいですね 関連エントリ node.jsに関する基礎や開発・チュートリアルのまとめ Node.js上でPHPを呼び出せる「NodePHP」 node.jsでシンプルなMVCを行うための仕組み色々
How Do I Start? Read the Developer's Guide. Follow the Tutorial. Consult the Reference. Join the announcements group to receive important updates. Featured Video Watch other Maps API presentations V3: The Solution for Maps Applications for both the Desktop and Mobile Devices Note: The Google Maps Javascript API Version 3 documented within these pages is now the official Javascript API. Version 2
30 best practices to boost your web application performance - Web User Interface Architect JavaScriptコーディング等を書く上でのパフォーマンス確認事項30。 自分へのインプット&メモがてらにちょっとまとめてみます。 JavaScript DOMの操作は可能な限りやめる eval, new Function() は遅いので可能な限り使わない withステートメントを使わない(使った事ないですが) for-in 文ではなく for 文を使う。 ループの中で try-catch ではなく、try-catchの中にループを置く グローバル変数をなるべく使わない aaa+='AAA';aaa+='BBB'; の方が aaa+='AAA'+'BBB';より速い 複数の文字列連結には、Array で文字列
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
BigtableをjQueryで操作できる「gaedirect」とは:クラウドとgaedirectでできる緊急対応マッシュアップ(1)(1/3 ページ) 緊急時の“クラウド”の有用性 このたびの東日本大震災で被災された皆さま、ご家族ならびに関係者の皆さまに、心からお見舞いを申し上げます。今回の大震災では、多くのWebサイトでアクセス不能状態が発生したのは、記憶に新しいところです。緊急時こそ、必要な情報を入手するために多くの人がWebサイトにアクセスするわけですが、このような切実に情報が必要とされるときに限って、トラフィック増大によるアクセス不能が発生してしまう状況が多々見られました。 しかし、このような緊急時対応サイトをGoogle App Engine(以後、GAE)などによってクラウド化しておけば、このような問題は解決できたといえます。クラウドを使用すれば、ユーザーアクセスが急激に増加
画像スライダーに関することならお任せ!なjQueryプラグイン「Slider Kit... 次の記事 ≫:かなりいい感じのWordPressテーマ20 Allan Jardine | Reflections | Visual Event ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」。 JavaScript で開発していて、jQuery等の各種フレームワークや、on〜 を使ってイベントを埋め込むことは多いですね。 後になって、どこにイベントがあるのかをすぐ見える化し、どのような処理が記述されているのか、確認することのできるブックマークのご紹介です。 当サイトにはそれほどイベントが組み込まれていませんので、Yahoo! Japanのトップページで試してみます。 ブックマークレットを起動すると、グレーアウトされ、エレメントの上
contenteditable (直接編集) の傾向と対策 【 ありのごとくあつまりて 】 この記事に含まれるタグ (Keyword) : 直接編集 contenteditable ブラウザ contenteditable (直接編集) の傾向と対策 2010/01/10 (日) カテゴリー: ブログ雑記・その他 スクリプトを使わなくても Web上で文字や画像を直接編集させる方法 最近、この contenteditable="true" について新たな収穫(?)があったので載せておきます。 contenteditable="true" を使ったページ (実例) ブログ外 ソースの 直接編集・コピー用ページ 私が多用しているスタイル ブログ外 ソースの 直接編集・コピー用ページ <pre> を使えばタブも扱える ブログ内 ソースの 直接編集・コピー用ページ 記事ではなく テンプレートで
JavaScriptライブラリ「iUI」 連載第1回の「WebアプリをiPhoneっぽくするための5つのポイント」では、業務用iPhoneアプリをiPhoneっぽい見た目にする重要性を説き、iPhoneっぽくするための5つのポイントを解説しました。また、iPhoneっぽいWebアプリを作るためのJavaScriptライブラリをいくつか紹介しました。 今回は、そのJavaScriptライブラリの中から、「iUI」を使ってiPhone用のWebアプリを作ります。 手始めにiUIを使った簡単なサンプルページを作ってみます。また、iUIに独自の見た目、動作を追加する方法についても説明します。 iUIを試す前に iUIを使ったアプリケーション構築を実際に試す前に、まずiUI自体に含まれるサンプルページで、その動作を確認してみます。 なお、iPhoneの実機を使ってiUIの動作を確認するためには、iP
idとかと一緒に渡してない?flashvarsの次のobjectで渡すのが正解。 FFはそれでも動くので注意。 まあ、例によって自分が悪いんだけど。 objectの属性として展開するか、param要素として展開するかの差 swfobject.embedSWF( 'http://example.com/test.swf', 'target_id', 'width px', 'height px', '9.0.0', undefined, { 'flashvars_key' : 'flashvars_val' }, { 'quality' : 'high', 'wmode' : 'transparent', 'allowNetworking' : 'all', 'allowScriptAccess' : 'always' //ここで渡す }, { 'id' : 'game' //こ
ActionScript と JavaSciprt の連携は AS3 の ExternalInterface を使うことで実現できる……が、Firefox などのブラウザではうまく動くのに IE で動かそうとするとピクリとも動かない。以下、対策や注意点をメモ。 ExternalInterface についてグーグル先生に聞いてみると以下のような情報が。 ExternalInterface.call Internet explorerでnullが返ってくる件 ExternalInterface.addCallbackで要注意な件メモ IE:jQueryの.html()でobject要素を書き出すと ExternalInterface.callで戻り値が取得できない つまり、IE で ExternalInterface を使おうとした場合、罠が一杯まってるぞ、ということはよくわかった。以下、上記
あなたのWebを入力しやすくするjQueryプラグイン10選:CSSの書き方も分かるjQueryプラグイン実践活用法(終)(1/5 ページ) jQueryと、そのプラグインの使い方を、UI効果(エフェクト)のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています。 前回の「画像や動画を綺麗に回転/拡大するjQueryプラグイン」では、イメージを回転させたりズームインする「jCarousel」「Zoombox」プラグインの使い方を解説しました。今回は、フォームを使いやすくするための各種プラグインを、以下のようにチェックボックス/ラジオボタン、ドロップダウンリスト、テキストボックス/テキストエリア、フォームのカテゴリ別に分類して紹介します。
jQuery、プラグイン、jQuery UI、Web経由のCDNとは:CSSの書き方も分かるjQueryプラグイン実践活用法(1)(1/3 ページ) CSSの書き方も分かる、jQueryプラグイン紹介連載 本連載は、jQueryと、そのプラグインの使い方を、UI効果(エフェクト)のテーマごとに紹介する連載です。jQuery/JavaScriptコードやHTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています。 第1回目は、基本/おさらいとしてjQueryとプラグイン、jQuery UIについて簡単に触れ、Web経由でjQueryを使うCDN(Content Delivery Network)について解説します。 これぐらい知ってますよね? 「jQuery」基礎講座 jQueryは、米国のJohn R
Register now for Axway Summit 2024 and get energized to accelerate your digital transformation. Learn More Aptana Studio 3 is an open-source web development IDE, and while we are no longer actively maintaining the repository, it is still open-source and public so if you wish to download Aptana Studio 3 you can do so on GitHub.
Re:href="#" onclick の悪習 ネタ元:某日記:href="#" onclick の悪習 <a href="#" onclick="...">検索</a> なんて書き方やめようぜ!というお話 a要素のhref属性に値が入ってるとonclick属性の内容を実行後にhref属性の値を参照しようとする。 #なんかが入ってるとページの一番上部にページ内遷移をする。(※1) 某日記さんの代替案ですけどspanで代替するもの <span style="cursor: pointer" onclick="...">検索</span> 私だとこんな書き方 <a href="javascript:void(0)" onclick="...">検索</a> onclickイベントハンドラを実行しようとしてるなら、こんな書き方もある <a href="javascript:(onclickの内容
Best of 2008 - JavaScript | Design Shack 2008年に注目を集めた使えるJavaScriptライブラリ集が紹介されていました。 どれも非常に便利でサイト構築に役立ってくれるでしょう。 sIFR Lite Javascriptでテキスト文字列を綺麗な画像にしてくれるライブラリ。 画像部分にはFlashを採用している。検索クローラーフレンドリ。 <h3>How is this different than the original sIFR?</h3> ↓ DD_belatedPNG IE6でも透過PNGに簡単に対応させられるライブラリ The EqualHeights jQuery Plugin 異なる高さのブロックを統一してくれるライブラリ ↓ DD_roundies 角丸の簡単実現ライブラリ jQuery.popeye ポップアップではなく、サイト
JavaScriptライブラリ「jQuery」とは? 最近、Flashの代わりにJavaScriptを利用してリッチなデザインのWebサイトを構築する事例が増えてきました。特にグーグルのサービスは、JavaScriptをうまく取り入れている例として誰もがご存じでしょう。 例えばGoogleマップは、Webブラウザ上でマウスをドラッグ&ドロップするだけで、地図を自由に操作できます。このような操作感は、まるでWebサイトであることを意識させない作りになっています。 本来、JavaScript自体はインターネットが広まり始めたころから存在していて、決して目新しい技術ではないのですが、Webブラウザの種類やバージョンによって挙動が異なることから、JavaScriptを使って大掛かりな仕組みを作ることは不可能だと考えられてきました。 しかし、最近ではWebブラウザは自動的にバージョンアップされるよう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く