iPhone Memo » 画面読込時にアドレスバーを隠す
iPhoneサイト作成のTipsを備忘録としてメモしておきます。サイトを表示させる際に、自動でアドレスバーを隠します。 ＜使用しているTIPS＞ ・読込み時にアドレスバー分スクロール。 ・bodyの高さを最低416pxに指定する。 ・画面の縦横が変わった場合の対応 （再度アドレスバーを隠す・文字サイズ固定） ●アドレスバーをスクロールさせるScript <script type=”text/javascript”> function hideAdBar(){ setTimeout(“scrollTo(0,1)”, 100); } </script>
ふだんのJavaScript開発環境 (Community Open Day 2012)
PowerPointのファイル: http://sdrv.ms/JV2DbO
連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）
Twitter生まれの軽量なMVCフレームワーク「Matador」を試してみた
Matadorは、TwitterのOBが開発したNode.jsのMVCフレームワークです。ExpressにMVCの手法を取り入れたような、シンプルで軽量なフレームワークになっています。 インストールからアプリの雛形作成、起動まで。 $ npm install -g matador $ npm init sample $ cd sample $ npm install $ node server.js matador running on port 3000 と、まあ、ここまでは簡単です。 少し構造を見てみます。 依存パッケージ $ npm ls /Users/inouetomoyuki/Dropbox/Projects/node/sample └─┬ matador@1.0.11-beta ├── colors@0.6.0-1 ├─┬ express@2.5.8 │ ├─┬ connect
node.js + socket.ioでTwitterのStreaming APIを使ってみる - 小さい頃はエラ呼吸
2013.06.09追記 最新版で動作するよう、記事を修正しました。 はじめに node.js + socket.ioでTwitterが提供するStreaming APIを使ってみました。今回作ったサンプルアプリケーションは、Streaming APIで指定されたキーワードにマッチするツイートを拾って、画面に表示させるものです。 この記事を書くにあたり、以下のブログを参考にさせていただきました。 Node.js[1]-soket.io v0.7以降の記述方 « cross HVN サーバサイドJavaScript Node.js入門posted with amazlet at 13.06.09清水俊博 大津繁樹 Jxck 小林秀和 佐々木庸平 篠崎祐輔 高木敦也 西山雄也 アスキー・メディアワークス 売り上げランキング: 177,797 Amazon.co.jpで詳細を見る ソフトウェアの
Meteor.js - naoyaのはてなダイアリー
http://www.meteor.com/ で公開された Meteor.js を少し触ってみました。TechCrunch なんかでも話題になっていましたね。 Meteor.js は JavaScript によるウェブアプリケーションフレームワークですが、クライアントサイドでもサーバーサイドでもない、"Isomorphic" なフレームワークです。 コンセプトとしていくつか特徴があるのですが、その最たるものは "Reactive Programming" で、モデルやセッションなどのストレージを更新するとその更新内容がリアルタイムに、そのアプリケーションを開いている全クライアントに伝わるようなアプリケーションを簡単に作ることができます。 この辺は実例を見るのが早いです。 http://www.meteor.com/examples/leaderboard ここにある動画では、あるブラウザで
「Meteor」は、JavaScript/HTMLで開発するリアルタイムWebアプリケーション基盤。何が起きているのかすぐに分からないほどすごい
「Meteor」は、JavaScript/HTMLで開発するリアルタイムWebアプリケーション基盤。何が起きているのかすぐに分からないほどすごい 「Meteor」は、Webアプリケーションを開発するためのフレームワークと実行環境を提供しています。アプリケーションはすべてJavaScript、HTML、CSSで記述できるため、サーバ側でRubyやPerlやJavaなどのプログラミングをする必要はありません。 TechCrunchの記事では、JavaScript/HTML/CSSだけでWebアプリケーションが開発できる点にフォーカスが当たり話題になりましたが、公開されたデモンストレーションのスクリーンキャストを見たところ、Meteorにはそれ以上に新しい仕掛けが盛り込まれていました（スクリーンキャストはこの記事の末尾に埋め込んであります）。 それは「リアルタイムなWebアプリケーションを構築す
jQuery.flickSimple.js
※アイコンはNIXUS Icon Packを使わせていただきました。 特徴 iPhoneの特徴的なインタフェースであるフリック操作を、Webサイト上で実現するための jQueryプラグインです。 同じような動作をするプラグインは他にもありますが、このプラグインについては以下のような目的のもとに作りました。 フリック動作のみを実装する 見た目に関連する部分は、なるべく自由にできるようにする その代わりに、拡張しやすいようにする 内部のパラメータに簡単にアクセスできるようにする コールバック関数を用意する iPhone、Androidだけでなく、PCのブラウザ上でも動作させたい IE6でも動いた iPhone、Safari等、CSSアニメーションが使えるものは使う iPhone、Androidの縦持ち・横持ちに対応する 子要素の中にアンカーや画像があっても大丈夫 Macの場合、画像がドラッグさ
QUnitの基本的な使い方 - but hopeful
[追記] 2013/9/1 三年前の記事が未だに読まれているようなので、一応書いておきますが、あれから色々変わってもっと良いものも出ています。 QUnit でも別に問題はないですが、今から QUnit を使うよりは http://visionmedia.github.io/mocha/:title=mocha] とかの方が個人的にはお勧めです。とにかく、今は色々あるのでもっと別の選択肢調べて見ることを個人的にはおすすめします。別に QUnit は使わないほうが良いとは言いません。 JavaScriptのテスティングフレームワークはいろいろありますが、自分は今主にQUnitを使っているので、少し使い方をまとめて見たいと思います。 [追記]今回作成したソースを上げました。ninja.js QUnit とは QUnitはもともと、jQueryをテストするために開発されたJavaScript Un
Private Presentation
Private content!This content has been marked as private by the uploader.
大規模UIをJavaScriptで実現するためのテクニック、サイボウズkintone開発の現場から。デブサミ2012
大規模UIをJavaScriptで実現するためのテクニック、サイボウズkintone開発の現場から。デブサミ2012 7万行規模のJavaScriptプログラムで構築されたユーザーインターフェイス。そのプログラミングで使われたテクニックとはどういうものか。 2月16日、17日の2日間、都内で開催されたイベント「デベロッパーズサミット2012」（デブサミ2012）で、サイボウズ株式会社 開発部 若原祥正氏、生駒浩隆氏が講演「kintoneの表と裏～大規模JavaScript開発と非構造データベース」を行いました。 講演では前半に大規模JavaScriptのテクニック、後半でスキーマレスデータベース構築の仕組みが解説されましたが、この記事では資料が公開された前半のJavaScriptのテクニックについて、ダイジェストで紹介します。 7万行のコード、フレームワークはClosure Library
SWFObject JavaScript API - tech.ludicmind.net
SWFObject JavaScript API ドキュメンテーション SWFObject 2は、JavaScript実装者がSWFObject内部関数を再利用でき、SWFの出力やFlash Playerの情報にアクセスするための完全なツールセットとしてAPIを含んでいる。 swfobject.registerObject(objectIdStr, swfVersionStr, xiSwfUrlStr) Flashコンテンツと標準準拠のマークアップで書かれた代替コンテンツを埋め込み、マークアップ単体では解決できない問題をJavaScriptで解決する（静的パブリッシングと呼ぶ）。 このメソッドは"How to embed Flash Player content using SWFObject static publishing"で解説されている。 swfobject.getObject
Node にまつわる良くある質問
追記いくつか誤植を修正しました。 Cluster API へのリンク Ruby のようなフルスタックにうんざりしているんだ => Rails のような~ Node 関連で良く聞かれる質問を集めて見ました。 この記事を通して Node について持っていた疑問を解消し、Node の良いところも、「ちょっとなぁ。。」なところも合わせて、きちんと理解する助けになればと思います。 そもそも "Node" なの？ "Node.js" じゃないの？当初は "Node.js" と呼ばれていましたが、「正式名称は "Node" である。ただし曖昧さが出る場合は "Node.js" と表記しても良い」という旨の記述が本家の Wiki にあります。 What is the correct capitalization of Node.js? 日本のコミュニティもこれに合わせて Node と記述するようにしている
CSS3のハードウェアアクセラレーターを使ったビジュアルエフェクト生成用jsライブラリ・Alice.js
気になったので備忘録的に触って見ました。 ハードウェアアクセラレーターを使った CSS3の新機能を実装出来るjsライブラリ・ Alice.jsです。と、分かったような事を 書きましたが、まだちょっと勉強不足で いろいろ調査中です。ので内容にはあまり 期待しないで下さい。 アクセラレーターに関しては以下の記事がわかり易いです。 iOSのアクセラレーターが使えるCSS3 このアクセラレーターを使って高度なビジュアルエフェクトの生成をちょいと簡略化しよう、という意図で作られたライブラリみたいです。 サンプルを見たほうが早いと思いますので以下でChromeかiOSにてご覧下さい。6つ用意しました。 Sample01・TossSample02・WobbleSample03・RotateSample04・SpringSample05・BounceSample06・carousel出来ればiPhoneな
jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる
久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、簡単にKnockoutJSの概要を説明し、KnockoutJSを用いたデモを紹介します。 このフレームワークの特徴としてあるのは、HTML内に宣言的な記述を埋め込むことでインタラクションが実装できることです。HTML5のカスタム属性(data*属性)を用いて、その要素に関する処理を宣言してきます。裏側の処理は、JavaScriptでViewModelを定義し、そこにビューが必要とする値を管理します。 例えば、あるチェックボックスにチェックを入れると下の要素がトグルする簡単な例は、以下
URLのハッシュフラグメントを操作するjQueryライブラリ “jQuery.locationHash”
概要 このjQueryプラグインは、ハッシュフラグメントパラメーターの追加や削除・解析を行うためのプラグインです。 非同期通信系の画面を作る際に威力を発揮するプラグインなんです。 Google Ajax Crawlerに対応したりする為には結構必須のプラグインだったり。 Google Ajax Crawlerに関しては以下のリンクを参照。 Getting Started – Making AJAX Applications Crawlable – Google Code SEOにも強いクローラブルなAJAXコンテンツを作成するために :: 5509 対応ブラウザ 以下のブラウザに対応するように実装されています。 Internet Explorer 6.0以上 Firefox 3.0以上 Google Chrome Safari ダウンロード 当ライブラリはgithubで管理していますので、
pjaxが便利過ぎて鼻血出そうになった（railsのサンプル付き） - SELECT * FROM life;
最近pjaxという単語をよく見るから調べてみたら結構よさげだったのでrailsを使ったサンプルを記事にしてみました。 pjaxとAjaxの違い：Ajax=技術、pjax=jQueryプラグイン Ajax JavaScriptを用いてサーバから非同期に取得したデータを用いてコンテンツを改変する技術。 pushState HTML5で登場した、ブラウザの履歴を変更する仕様兼その実装。history.pushStateで使える pushState+Ajax Ajaxでコンテンツを変えると同時にpushStateでブラウザの履歴を更新して、さらに更新後のURLに直接アクセスしても同じページが表示されるようにする。つまり、Ajaxで変更した後のページにもパーマリンクを作る。その結果ブラウザの戻るボタンで、同一ページ内のAjaxの効果を消したりもできるようになる。 pjax pushState+Aja
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
これ知らないプログラマって損してんなって思う汎用的なツール
サバクラ両方で動く JavaScript の大規模開発を行うために
