Private content!This content has been marked as private by the uploader.
Private Presentation
Private content!This content has been marked as private by the uploader.
HTML5でPDFを描画するJSライブラリ「pdf.js」
pdf.js: Rendering PDF with HTML5 and JavaScript (Andreas Gal) HTML5 canvasで、PDFを読み込んで描画するJavaScriptライブラリ「pdf.js」が公開されています。 (英語) まだレイアウトが崩れてしまったり、動作が遅いですが、今後の開発が楽しみです。 ライセンスはBSDのようです。
Nodeアプリの設定系モジュールいろいろ - すぎゃーんメモ
Node(node.js)でwebアプリを開発するにあたって、DBの情報やSession keyのsalt, OAuthのsecret_keyなどの設定をどうするかを悩み中。考えているのは アプリケーションのコードに設定値を埋め込むようなことは絶対にしたくない ということは設定用のファイルを用意してそこを読み込む形に？ 開発環境と本番環境で設定が変わるので上手く切り替えられるようにしたい npmで普通に入れられる軽量なライブラリで実現出来れば良い …で、どんなのがあるか調べてみたところ結構色々あったので以下の6つくらいを実際に入れて使って試してみた。 cjson config confu jsonconfig nconf node-config cjson コメント付きで記述したJSON形式なファイルを使える、とのこと。 /* * This is my app configuration
CoffeeScript時代のモジュールシステムの選び方ガイド | netswitch!
猫も杓子もCoffeeScriptの世の中、CoffeeScriptに手を出してしまったがために(JavaScriptの世に)帰らぬ人となりつつある人はたくさんいると思う。 僕も最近CoffeeScriptに手を染め五分で帰り途を見失ってしまった。 CoffeeScriptの編集にはujihisa氏のshadow.vimが便利だ。 shadow.vimを手短に紹介すると、main.js を開いて編集していると思ったら実はmain.js.shd(中身はCoffeeScript)を編集していて、気づいた時にはすでにmain.js.shdのコンパイル結果がmain.jsに保存されている、というvim-pluginである。 さて、JavaScriptを本格的に使うには、モジュールシステムを避けて通る事はできない。 グローバル変数を多用することも許されているJavaScriptでは、ライブラリによる
BigtableをjQueryで操作できる「gaedirect」とは
BigtableをjQueryで操作できる「gaedirect」とは：クラウドとgaedirectでできる緊急対応マッシュアップ（1）（1/3 ページ） 緊急時の“クラウド”の有用性 このたびの東日本大震災で被災された皆さま、ご家族ならびに関係者の皆さまに、心からお見舞いを申し上げます。今回の大震災では、多くのWebサイトでアクセス不能状態が発生したのは、記憶に新しいところです。緊急時こそ、必要な情報を入手するために多くの人がWebサイトにアクセスするわけですが、このような切実に情報が必要とされるときに限って、トラフィック増大によるアクセス不能が発生してしまう状況が多々見られました。 しかし、このような緊急時対応サイトをGoogle App Engine（以後、GAE）などによってクラウド化しておけば、このような問題は解決できたといえます。クラウドを使用すれば、ユーザーアクセスが急激に増加
CoffeeScript入門 - プログラムdeタマゴ
この記事が対応するCoffeeScriptのバージョンは1.7です。 基本的には本家サイトCoffeeScriptの内容と同じです。わかりやすいように色々と私が勝手に再構築、追加してはありますが。（日本語訳と紹介されるとちょっと心外ですな(´Д⊂ヽ ） なお、JavaScriptの基礎知識を前提とし、JavaScriptから引き継ぎ重複する内容は解説されません。 あ。後、この記事の文章、CoffeeScriptコード、JavaScriptコードに関する著作権は放棄しています。パブリックドメインと言うそうです。文章、コード自由に引用改変公開しても問題ありません。 最終更新日：2014/1/29 追加: 文字列 演算子など はじめに：CoffeeScriptのメリットとデメリット 一般に言われているCoffeeScriptを使うメリットデメリットを載せておきます。 ま、こんな論争気にせず、使っ
ライブラリとWeb APIを使いこなして一人前
JavaScriptは1995年に誕生しました。JavaScriptの実行環境がWebブラウザであったこともあり、JavaScriptの歴史はWebブラウザの歴史そのものでした。Webブラウザ間の互換性やセキュリティの問題などで“不遇”の時代はあったものの、2010年現在、JavaScriptはWebサイト開発になくてはならない存在となっています。 JavaScriptを取り巻く環境は、15年の間にすっかり様変わりしました。Webサイト開発者であるプログラマが書き上げるJavaScriptプログラムが単体では完結しなくなっているのです。単体で使えないとはどういうことでしょうか？ 現在のJavaScriptプログラミングには、大きく二つのトレンドがあります。一つは、外部のJavaScriptライブラリを取り込んで利用すること、そしてもう一つは、大手Webサイトなどが公開しているWeb API
[JS]これFlashじゃないの？ってなるナビゲーションを実装するjQueryのチュートリアル
軽快なアニメーションが心地よいナビゲーションを実装するjQueryのチュートリアルを紹介します。 タイトルにある通り、Flashは使わないで実装されてます。 Animated Content Menu with jQuery デモページ [ad#ad-2] まずは、デモページを堪能ください。 ナビゲーションの各ラベルをクリックすると、それに対応したパネルがアニメーションを伴って開くようになっています。 デモページ 実装 HTMLの構造は、背景画像、グリッドのオーバーレイ、ローディングのアイコン、メインメニューの4つから構成されています。 HTML：背景 背景は、背景画像とオーバーレイとローディングをdiv要素で内包します。 <div id="ac_background" class="ac_background"> <img class="ac_bgimage" src="images/D
twitter の console.log() エラーよけ - てっく煮ブログ
javascript, twitterFirebug が導入した console.log() は最近のブラウザで標準的に実装されつつあります。しかし、万が一、リリースコードに console.log が混じり込んでしまうと、古いブラウザや開発ツールが導入されていないブラウザで JavaScript エラーになってしまってとても悲しくなります。ということで、そういう場合にエラーを出さないようにするために、お手製の偽者 console オブジェクトを実装するテクニックがあります。ちょっと検索するといろいろ見つかります。 if (!window.console){ window.console = { log: function(){} }; } 確かに小さなプロジェクトでは、こういうおまじないを書いておくと安心だろうなー…と思っていたら、twitter のソースコードに次のようなコードを発見。
typeof演算子から学ぶJavaScriptのデータ型の概念と関係する考察のまとめ - 三等兵
まずはtypeof演算子について。JavaScript Gardenというウェブページがありまして。こういう一文がありまして。 The typeof operator (together with instanceof) is probably the biggest design flaw of JavaScript, as it is near of being completely broken. http://bonsaiden.github.com/JavaScript-Garden/#typeof 訳）http://efcl.info/adiary/Javascript/JavaScriptGarden#k95p17 要するにtypeof演算子は「ヒャッハーtypeof演算子ぶっ壊れてるぜー」ってことらしい。理由が下記の表。 [表1] Value Class Type - "f
Shibuya.js - Test.js LT テスターを支援する仕組みの話 - monjudoh’s diary
お前、誰よ 文殊堂といいます BePROUD社員 お仕事 最近は、JavaScript時々Objective-C 今日のお話 自動テストの話はしません テスターによるテストの話をします タイミングによって発生したりしなかったりする類のバグってありますよね テスターさんがモンキーテストをやってくれてる時に見つけてくれたりします でも報告されるのは… 「何をやっているときに」 「何が起こったか」 つまり、「操作」と「現象」だけです 原因箇所を特定するにはプログラマもその操作をなんども繰り返さないといけません ダルい 何とかしたい 問題の実例 IE(主に6,7)で「操作は中断されました」が出る What Happened to Operation Aborted? – IEBlog HTML解析中にまだ閉じタグまで解析されていない要素(bodyとか)に対して、子要素の追加や削除を行うと「操作は中
Diaspar Journal: ブラウザのスクロール量を取得するには？
2006年5月25日木曜日 ブラウザのスクロール量を取得するには？ JavaScript を使用してドラッグ＆ドロップのようなプログラムを作成する場合は、 座標計算のためにブラウザのスクロール量を知りたいことがあります。 このようなときに使えそうなプロパティとして、次の4つを見つけることが出来ました。 （とりあえず垂直スクロールのみ） window.scrollY window.pageYOffset document.body.scrollTop document.documentElement.scrollTop これらの値は、次の条件から影響を受けて変化します。 ブラウザの種類 DOCTYPE スイッチ 4つのプロパティについて、ブラウザが返す値を調べた結果を掲載します。 期待される値（スクロール量）が返された場合は YES を記入してあります。 DOCTYPE を指定しない「後方互
Event: preventDefault() メソッド - Web API | MDN
Document Object ModelEventコンストラクターEvent()インスタンスプロパティbubblescancelablecancelBubble 非推奨 composedcurrentTargetdefaultPreventedeventPhaseexplicitOriginalTarget Non-standard isTrustedoriginalTarget Non-standard returnValue 非推奨 srcElement 非推奨 targettimeStamptypeインスタンスメソッドcomposedPath()initEvent() 非推奨 preventDefault() stopImmediatePropagation()stopPropagation()DOM に関連するページAbortControllerAbortSignalAbstra
iPhoneやAndroid向けのJavaScriptフレームワーク・Wink Toolkitが割と良かったので日本語サンプル作った
iPhoneやAndroidなどの人気の スマートフォン向けのJavascript製 フレームワーク・wink toolkitを触っ てみました。動作サンプルが豊富 で割と応用できそうだったので日本 語でサンプルを作ってみました。 スマートフォン向けのWebサイトやネイティブアプリに使えそうなJavaScript製のフレームワークです。沢山の動作サンプルがあって、内容もとっても分かりやすかったので（完全ではないけど）日本語サンプルを作成してみました。 スマホ向けのWebアプリ用JavaScript製フレームワークです。 動作サンプルを日本語にしたのでお手持ちのiPhoneなどでサンプルを触りながら記事を読んでいただけると嬉しいです。 [note]お持ちでない場合でも、Safariでご覧頂くと同様の動作確認が出来ます。Chromeでも多少確認出来ました。また、デモ動画もいくつかありますので宜
javascript で wait処理 - 新みのる日記
Javascriptではwait処理はない。 でも、ある処理Aが完了した後に、処理Bをして欲しい場合が往々にしてある。 例えば、以下のような処理。 var a = func1(); func2(a); 通常の場合だと、この処理はfunc1 → func2と処理される。 だけどfunc1の中で、setTimeoutやsetIntervalが利用されてると、 うまくいかないケースがある。 例えば、以下のケースを実行すると var a = 0; function func1(){ if( a < 10){ a++; alert("hoge" + a); setTimeout("func1()", 500); } else{ alert("END"); return a } } function func2(val){ alert ("call func2: " + val); } var val
ASCII.jp：jQueryによるLightbox風モーダルウィンドウの作り方｜Web制作の現場で使えるjQuery UIデザイン入門
HTMLとCSSによる表現を考える 複数のサムネイル画像を並べておき、画像をクリックするとモーダルウィンドウで拡大画像を表示するWebページを作成します。はじめに、HTML／XHTML（以下、HTML）とCSSでどのようにモーダルウィンドウを表現するか、静的なページを作って考えてみましょう。 HTMLは、ul/li要素で並べたサムネイル画像の後に、「glayLayer」と「overLayer」というid属性をつけたdiv要素を配置します。glayLayerはページ全体に重ねる半透明のレイヤーを表示するための要素で、overLayerは子ウィンドウを表示するための要素です。子ウィンドウに表示したい要素（今回はimg要素）はoverLayer内に配置します。 ▼サンプル01（HTML部分） <h1>jQueryを利用したモーダルウィンドウの作成</h1> <ul> <li><a href="i
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
rummelonp.com
Loading...
Loading...
IBM Developer
