jQuery Mobile
TOPICS Programming , Web , HTML/CSS , JavaScript 発行年月日 2011年12月 PRINT LENGTH 192 ISBN 978-4-87311-526-9 原書 jQuery Mobile FORMAT PDF モバイルWebアプリ開発用のJavaScriptライブラリjQuery Mobileの解説書。jQuery Mobileの仕組みと使い方をチュートリアル形式で解説します。jQuery Mobileはスマートフォンやタブレット型PC向けのタッチアプリに最適化されたWebフレームワークです。jQuery Mobileを使えば、さまざまなデバイスで共通の表示と振る舞いをするモバイルWebアプリを簡単に開発できます。本書ではHTML5/CSS3/JavaScriptのコード例と画面例を使ってjQuery Mobileの使い方をステップバイ
Big Sky :: zencoding-vimがビジュアル選択に強くなりました。
例えば Indented line full of <b>tags</b> an <em>text</em> こんなhtmlを <p> Indented line full of <b>tags</b> an <em>text</em> </p> こうしたい場合は V<c-y>,p<cr> とタイプして下さい。もし <p>Indented line full of <b>tags</b> an <em>text</em></p> こうしたい場合は ^v$<c-y>,p<cr> とタイプして下さい。もし <p> Indented line full of <b>tags</b> an <em>text</em></p> こうしたい場合は 0v$<c-y>,p<cr> とタイプして下さい。また複数行のテキストの一部分 そんな事より１よ、ちょいと聞いてくれよ。スレとあんま関係ないけどさ。
viライクなキーバインドの二画面ファイラー·Vifm MOONGIFT
Vifmはviライクなキーバインドで操作できる二画面ファイラーです。 コンピュータ上でファイル操作を行うのが当たり前だけに使い勝手の良いファイラーがあれば生産性は向上するかも知れません。もしviやVimが好きな人であればVifmを使ってみましょう。viライクなキーバインドで動作するファイラーです。 メイン画面。シンプルな表示の二画面ファイラー。 ファイル選択。条件にあったものを選択できます。 ファイルを選択してコピーしたり移動できるほか、コマンドを使ってファイル操作も可能です。例えば:viewコマンドを使うとテキストファイルの内容が閲覧できます。その他使えるのはrename/move/copy/delete/permissions change/group change/chmodなどとなっています。UTF-8をサポートしているので日本語も表示できます。FUSEファイルシステムをサポートし
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
プログラミングこうやって覚えた - ✘╹◡╹✘
プログラミングどうやって覚えたんですか？って聞かれて、そういう情報少ない気がしたので書く。 チラシの裏みたいな長文だらだら書くの、はてなブログでも1回やってみたかった。 最初は、大学のサークルみたいなやつで先輩がRailsをつかってて、Railsっていうサイト作るためのフレームワーク(?)っていうのがあるから覚えようって聞かされて、MVCみたいな話をされた。サッパリだった。それ自体の概念もサッパリだったが、それを使う理由も分からなくてメタサッパリもあった。3時間くらい教えてもらったけど、サッパリだった。その後そこでは結局Railsを使うことはなかった。並行してRubyというものも教えてもらって、irbというのがあってそこで色々試すということをした。面白いなー会話してるみたいだなーと思って教えてもらっているときは少し弄っていたけど、使う理由も分からなかったので使わなくなった。ちなみにWind
railsでbootstrapを使うためのtoolまとめ
ガリレオスコープ開発チームによる �最新Web動向、技術メモ ( Ruby, Rails, node.js ) です node.jsでは、twitter bootstrapを愛用していました。 http://twitter.github.com/bootstrap/ 久しぶりにRailsでアプリケーションを書くことになったのですが、 やはり、そこはbootstrapを使いたい。 そこで、rails用にbootstrapのtoolを調べたので紹介。 twitter-bootstrap-railshttps://github.com/seyhunak/twitter-bootstrap-rails BootstrapをRailsのasset pipelineに簡単に組み込めます。 Githubで調べたら最初にでますね。 less-rails-bootstraphttps://github.co
gitを使った作業の進め方 - White scenery @showyou, hatena
突然ですが、主に自分向けにgitの使い方をメモっておきます。 参考書としてgit入門を上げておきます。でびあんぐる版でも濱野さん版でもどっちでもいいです。最近だと「gitによるバージョン管理」というのもありますが、こちらは中身見ていません。 入門Git 作者: 濱野純(Junio C Hamano)出版社/メーカー: 秀和システム発売日: 2009/09/24メディア: 単行本購入: 31人 クリック: 736回この商品を含むブログ (155件) を見るGitによるバージョン管理 作者: 岩松信洋,上川純一,まえだこうへい,小川伸一郎出版社/メーカー: オーム社発売日: 2011/10/25メディア: 単行本（ソフトカバー）購入: 6人 クリック: 239回この商品を含むブログ (27件) を見る入門git 作者: Travis Swicegood,でびあんぐる出版社/メーカー: オーム社
11 Javascript Color Pickers Plugins
Introduction It was pretty hard to find a good color picker a few years back, just recently I have seen many of Javascript color picker plugins released so I decided to make a compilation of what I can find. In this post, I found 11 Javascript Color Picker Plugins. Some of them are really complicated whereas other can be really simple, so I pretty sure one of them will meet your needs. ExColor ExC
【Titanium Advent Calendar 2011：七日目】149日間で超初心者がアプリをリリースするまで | hideichi.com
【Titanium Advent Calendar 2011：七日目】149日間で超初心者がアプリをリリースするまで – この記事は、@astronaughtsさん企画の「Titanium Advent Calendar 2011」向けに書いています。 先日のryugoo_さんから引き継ぎまして、本日はhideichi_saitoがお届けします。 2011年5月28日（土）雨 ～ 10月23日（日）晴れ この期間に、TitaniumでiPhoneアプリをリリースしたお話です。 Beginners? 超初心者って言っても、色んなレベルがあると思うので、先ず僕のレベルを説明します。 自称サンデープログラマーです。 と言っても、仕事でプログラミングを全くしないわけでもない。 業務システムを作ってたりするし。 しかし僕は学校でプログラミングを学んだことはないし、IT系の会社で働いていたこともない。
サイトのチュートリアルを表示できるJavaScript「jQuery Joyride Feature Tour Plugin」｜skuare.net
twitter facebook hatena google pocket サイトの使い方を見せるのはFacebookなども取り入れている昨今注目の方法です。 jQuery Joyride Feature Tour Pluginでは簡単にそれを実行でき、チュートリアルに利用できそうです。 sponsors 使用方法 jQuery Joyride Feature Tour Pluginからファイル一式をダウンロード。 <link rel="stylesheet" href="joyride-1.0.2.css" /> <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="jquery.joyride-1.0.2.js"></script> 次
YammerがScalaからJavaへ移行中
原文(投稿日：2011/11/30)へのリンク Yammerの従業員であるCoda Hale氏がScalaの商用ベンダであるTypesafe社へ送ったメールがYCombinatorとGitHubのgist経由でリークした。メールによれば、Yammerは複雑さや性能面を鑑みて、基盤のインフラをScalaからJavaへ戻すそうだ。 YammerのPR部門のShelley Risk氏によればこのメールはCoda Hale氏の個人的な意見であり、Yammerの公式な見解ではないとのことだ。このリーク後、Coda Hale氏は自身の考えをhttp://codahale.com/the-rest-of-the-story/で表明している。氏はこのメールはDonald Fischer氏(Typesafe社のCEO)からのフィードバックの要請に答えたもので、移行を示唆するツイートを補足したものだと説明して
はじめてのRaphael (1) : お絵かき編 - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） SVGが少しずつ市民権を獲得し始めている昨今のWWWですが、 Raphaelとは、そのSVGをコントロールするのに非常に便利なライブラリです。 公式によさげなチュートリアルがなかったのもあり、 今回はその使い方をまとめてみようという試み。 Raphaelとは RaphaelはSVGで図を描画するためのフレームワークです。 正しくは「Raphaël」と書きますが、 毎度めんどくさいのでRaphaelでいきます。 なにをしてくれるのか SVGが動かないクラシックなIE環境の為に、VMLでも出力してくれます。 イベントやアニメーションまわりも簡単に実装できるようになっています。 特に助かるのがVML対応。 旧ブラウザをサポートしなければならないケースには、 ぜひとも導入したいライブラリですね。 極めてシンプルな例 Rraphaelで図
jQuery 1.4.2 Visual Cheat Sheet woorkup.com
Blog » WordPress » How and where to learn WordPress plugin development (FYI, we build plugins) How and where to learn WordPress plugin development (FYI, we build plugins) It can be overwhelming when you first try to get into WordPress plugin development. Honestly, one of the best ways to learn is just to dive right in and start coding. However, this is something that doesn’t just happen overnight.
New community features for Google Chat and an update on Currents
Join the official community for Google Workspace administrators In the Google Cloud Community, connect with Googlers and other Google Workspace admins like yourself. Participate in product discussions, check out the Community Articles, and learn tips and tricks that will make your work and life easier. Be the first to know what's happening with Google Workspace. ______________ Learn about more Goo
Fire IDE v0.1.0 Alpha Released
Today we’re releasing the first alpha version of Fire IDE, the Fire.js Development environment that will make insanely easy all your JSON Development. Installation: npm install fire-ide -g To launch it, go to the project directory and run: fire-ide . Finally open your web browser and go to http://localhost:8088/ Some of the most cool features are: Expression names auto-completion VCAP Integration
スマートフォンとposition:fixedのバグ
スマートフォンとposition:fixedのバグ iPhoneではiOS5からAndroidでは2.2からposition:fixedに対応されてスマートフォンでも固定配置が利用できつつあります。と思いきや色々と落とし穴が多いのでまとめておきます。 Androidではuser-scalable=noが必須 <meta name="viewport" content="user-scalable=no" /> Androidではviewportにuser-scalable=noの指定がないとposition:fixedが動きません。iPhoneではuser-scalable=noの指定がなくてもposition:fixedが動きますがけっこう挙動が微妙なのでuser-scalable=noは指定しておいたほうが良いでしょう。 サンプル（user-scalable=noあり） サンプル（us
Modern Vim Life! - Ideals and Reality
Vim Advent Calendar 2011の7日目です。 最近流行りのVimとは Vimとは一般的には単なるテキストエディタのはずですが、ここ数年のVimの進化は単なるテキストエディタの枠を越えてVisual StudioのようなIDEのようなものからあらゆる情報を管理出来る統合ツールとなりつつあります。 これはVimと同様にEmacsでも同じ事が言えますが、ここ数年のVimは一部でEmacs以上になっていたりとその進化は凄まじいものがあります。 今日は少しでもVimに興味を持ってもらえるように最近のVimで出来る事を紹介したいと思います。 こんな事が出来るよ！ あふ風の高機能なファイラ あらゆるものをソースにインクリメンタルに候補を絞り好きなように実行する Vimの中で完結出来るシェル実行環境 あらゆるテキストを補完する事が出来る高度な補完環境 Linuxのパッケージ管理システムの
Setting up Emacs as a Javascript editing environment for Fun or Profit « Deadpan Sincerity
I’ve been doing a lot of Javascript lately, which has naturally led to a whole lot of trips down the .emacs rabbit-hole So, here are the steps you need to turn OOTB Emacs into the perfect environment for working on Javascript: Auto-completion Fizzing! First up, you’re going to want decent auto-completion, so install the straightforwardly named auto-complete-mode. Due to some mode-name aliasing tha
Standards for Web Applications on Mobile: November 2011 current state and roadmap
Standards for Web Applications on Mobile: November 2011 current state and roadmap Latest version http://www.w3.org/Mobile/mobile-web-app-state/ This version http://www.w3.org/2011/11/mobile-web-app-state Previous version http://www.w3.org/2011/08/mobile-web-app-state Web technologies have become powerful enough that they are used to build full-featured applications; this has been true for many yea
晒しage
ご挨拶 先日入社したばかりの保坂です。 職業はトラックボーラーです。よろしくお願いします。 なにやら Ariel Advent Calendar なんていう面白そうなものがあるようなので勢いで参加しました。 入って日も浅いのでなんかネタないかなーと考えた結果、周りの人のデスクトップやら社内の環境やらを晒すことにしました。 この記事は五日目らしいです。 環境晒し まずは私の環境。 トラックボーラーなのでトラックボール置いてます。 信頼の Kensington Slimblade Trackball です。 あと、トラックボーラーですがキーボードは HHKB Professional2 Type-S 無刻印を使っています。 まあ普通ですよね。 環境は Ubuntu + Xmonad + Emacs です。至って普通です。 ちなみに席の近くには守護神として こんなのがいます。 勉強会の会場を提供
javascript - 関数名の取得とtypeof()の再々発明 : 404 Blog Not Found
2011年12月07日03:30 カテゴリLightweight Languages javascript - 関数名の取得とtypeof()の再々発明 な、なんだってー!? はてなブックマーク - kamisetoのブックマーク constructor.nameを見ればいいんじゃなの？違うのかな？ そんなおいしいプロパティなんて、あったっけ? MDNの中で逢った、ような… constructor.name?そんなのJavaScript: The Good Partsどころかサイ本でも見たことねーぞ。でもconsoleつついたら確かに使える… 見つけました。 Function - MDN name Non-standard The name of the function. Non-standard, Non-standard, Non-standard、だと!? 実際いろいろ嗅ぎ回ってみ
Google Web Fontsにあるお気に入りのフォント5つ - Weblog - hail2u.net
Google Web Fontsのフォント登録数も随分増えてきてチェックするのが大変になってきました。一応絞り込みとかそういう機能もありますけど、Typekitのようにかゆいところに手が届く感じではありません。そこで……というわけではないですけど、なんかの参考にでもなればと僕のお気に入りを5つだけ簡単な説明付きで紹介してみます。 Demo: Five Favorite Google Web Fonts Amaranth Amaranthはゆるやかにカーブのかかったグリフが特徴です。比較的小さなサイズからその特徴がはっきりと出るので、ロゴ以外にもナビゲーションなどでも使えると思います。斜体ではそのゆるやかなカーブがセクシーに強調され、また違った味わいがあります。 Arvo Google Web Fontsにはあまりスラブ・セリフがないですが、Arvoは唯一まともに使えそうなそれです。評価の高
node.jsのデバッグ(ステップ実行)ができるnode-inspectorの使い方 - 小さい頃はエラ呼吸
2013.01.27追記 最新版で動作するよう記事を修正しました。 はじめに この記事では、Mac OS X Lion上にnode-inspectorとnode.jsをインストールし、node.jsをデバッグ（ステップ実行）する手順について書いています。 この記事を書くにあたり、以下のエントリを参考にさせていただきました。 node.jsでのデバッグ方法 - すにぺっと node.jsの開発時に役立つモジュール : アシアルブログ はじめてのNode.js -サーバーサイドJavaScriptでWebアプリを開発する-posted with amazlet at 14.01.23松島 浩道 ソフトバンククリエイティブ 売り上げランキング: 13,297 Amazon.co.jpで詳細を見る node-inspector node-inspectorは、サーバサイドのJavaScriptをブ
node.jsとSocket.IOでログをリアルタイムっぽく表示 - mikedaの日記
node.jsとSocketIOでなんか作ってみたい！！！ というわけでログファイルをリアルタイムっぽく表示するページを作ってみました。 ※実際は一定時間ごとにログの追記分を配信しています 「開発サーバのアクセスログ、エラーログ、MySQLクエリログなどなど、わざわざターミナルでtailするのめんどくさいよ！」という人いたらぜひ＞＜ 以下、ログファイル１つだけなサンプルの構築手順です。 参考サイト node.js本家 node.jsインストール手順 Socket.IOの本家 fsのドキュメント セットアップ 今回はCentOS6.0を使ってます。 依存パッケージのインストール このへん入ってれば動きそうです [root@cent6 ~]# yum groupinstall 'Base' [root@cent6 ~]# yum groupinstall 'Development tools'
letへの異常な愛情、(ry - hogehoge @teramako
JavaScript Advent Calendar 2011 (オレ標準コース) : ATND 2日目にチョンボをして申し訳ありませんでした。 7日目は1日目にconstさんがconstについて書いてくれたので僕はletで！ ただし、ES.nextのletではなく、現状のMozilla JavaScript (mozjs と略すよ) の let について(部分部分でES.nextの話も含めるけど)。使い方、注意点等をば。 Mozilla JavaScript の let ES.next にも LetDeclarationがドラフトに入ってきてるけど、mozjs はもっと凄いぜ！ って話。微妙な部分もあるけどね。 さて、let と言っても mozjs には幾つか種類がある。 let 文 (let statement) let 式 (let expression) let 定義 (let d
【祝】オフィスに子猫がやってきた！！【初出社】 : ゼロスタートの広報ブログ
2011年12月06日22:34 【祝】オフィスに子猫がやってきた！！【初出社】 カテゴリ社内の様子社員紹介 Tweet みなさま、寒い冬いかがお過ごしでしょうか。 ゼロスタート広報もりのです。 ねーこは、ケージで丸くなるー♪ ということで、 本日は通常の予定を変更し、 特別枠でお送りしております。 なんと！！オフィスに！！ 子猫がやってきたのです。 その名も、ムギ会長。（オス） いつも通り出社すると… おや… おやおや…！ おやおやおや！！ なんと子猫がいるではないですか。 どうやって来たとか、そんなことはいいんです。 こんな愛らしい生き物が、オフィスにいていいんでしょうか。 非常にけしからん事態です。 社長の飼い猫「ムギ」とのことなので、（勝手に） ムギ会長、と呼ぶことに決めました！！ 社員にも猫好きが多いので、 朝から大盛り上がりです。 それ
デバッグ力: よく知らないプログラムの直し方 - 2011-12-06 - ククログ
クリアコードではMozilla製品やRuby関連の開発だけではなく、広くフリーソフトウェアのサポートもしています。もちろん、サポート対象のソフトウェアの多くは私達が開発したものではありません。しかし、それらのソフトウェアに問題があった場合は調査し、必要であれば修正しています。 このようなサポートが提供できるのは、もともと、私達がフリーソフトウェアを利用したり開発したりしているときに日常的に問題の調査・修正をしていたからです。ソフトウェアを利用していると、問題に遭遇することはよくあることです。そのソフトウェアがフリーソフトウェアの場合は、開発者に問題を報告し、可能ならパッチを添えます。このとき、そのソフトウェアの内容を完全に把握していることはほとんどありません。しかし、それでも修正することができます。 それはどうしてでしょうか？今まではどのようにやっているのかを自分達でもうまく説明できなかっ
小人閑居して: 「ぐへへお姉ちゃんパンツ何色」から始めるクラス解説
2011年12月6日火曜日 「ぐへへお姉ちゃんパンツ何色」から始めるクラス解説 「ぐへへお姉ちゃんパンツ何色」はこれ以上ないほどオブジェクト指向であり、しかも理想的な実装をしていることに気づきました。これを用いてオブジェクト指向を説明してみようと思います。 ある人が「ぐへへお姉ちゃんパンツ何色」と質問するのは、お姉ちゃんオブジェクトの保持するpants_color変数を取得しようとする手続きと見ることが出来ます。つまり oneechan.pants_color を取得しようとしているわけです。 ではどうすればいいのでしょうか？ 考えてみましょう。直接パンツを見ればpants_colorを取得することができますね。 クラスを使わないとすればこんな書き方が考えられます。 struct oneechan{ int pants_color; }; 構造体でひな形を宣言します。
あまりに危険なTwitter - ハックルベリーに会いに行く
Twitterは使い方を誤ると人生を毀損する。その人の人生を毀損するのはもちろんだが、周囲の人生までをも毀損するから厄介である。 例えば、こういうツイートがある。@S_Nakatsu 中津宗一郎「もしドラが250万部売れてから」（笑）／これをハックルは読んだほうがいい。宝くじに当たった程度だということが理解出来ないだろうが／ココに書けないことが色々有り過ぎて辛い（爆笑）。 / “ロト６で１億あたってから” htn.to/mBYpZGhttp://twitter.com/#!/S_Nakatsu/status/142791078641283072このツイートを簡単に解説すると、まず初めに「ロト６で１億あたってから」というタイトルの記事がはてな匿名ダイアリーにあがった。内容はというと、「ロト６で１億円当たったけど、宝くじに当たって人生を狂わしたという話をよく聞いていたので、ちょっと怖くなった。
快適に「あとで読む」ための環境
TL;DR — Reeder と Readability, ifttt すばらしいよ。 最近よく使っている「あとで読む」ためのアプリケーション環境。基本的には naoya さんが書いてるのと同じだと思うんだけど。 HBFav というはてなブックマーク iPhone アプリを作りました HBFav には、はてなブックマークに追加する機能や、公式のはてなブックマークアプリと連携してブックマークを追加する機能だけでなく、Instapaper と連携する機能をつけました。Instapaper はいわゆる「あとで読む」サービスで、これは後で読みたいなと思ったサイトを登録すると、良い感じに整形してくれ保存しておいてくれるサービスです。 PC や iPad で Instapaper を利用するのも便利ですが、ぼくはこのところ Kindle を使っています。 気になるサイトは Instapaper 系の「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなまとめ（仮）
http://designaholic.cc/2011/11/web-12.html
はてなまとめ（仮）
Good night, Posterous
Lateral On-Scroll Sliding with jQuery
Good night, Posterous
Using jQuery As A Named Module In RequireJS
adakoda.com
IBM Developer
Using RequireJS For Asynchronous Script Loading And JavaScript Depende
jQuery Can Provide Queue-Based Promise Objects