File system APIでブラウザーで動くファイラーを作る (1/3)
Webブラウザー内に独自のファイルやディレクトリを保存できる「File system API」の使い方ついて、前回の記事に続き解説します。ファイルの作成／削除やディレクトリの作成／削除方法については前回紹介しましたので、今回は一覧の取得やファイルへの書き込み／読み込み方法を学び、簡易ファイラーを完成させましょう。 ディレクトリ内のファイル／ディレクトリ一覧を取得する ディレクトリ内のファイル／ディレクトリ一覧を取得します。 ファイル／ディレクトリ一覧を取得するには、ディレクトリエントリーオブジェクトのcreateReader()メソッドを使ってディレクトリリーダーオブジェクトを生成します。 readEntries()メソッドは、第1引数に指定した関数に、ファイル／ディレクトリの一覧情報を渡します。関数にはファイルエントリーオブジェクト／ディレクトリエントリーオブジェクトを格納した配列が渡さ
流行期を過ぎたレスポンシブ・Webデザインのこれから
ちょうど1年前に私が書いた記事（スマホ対応の新潮流「レスポンシブ・Webデザイン」とは？）を皮きりに、日本のWebメディアやブログでも「レスポンシブ・Webデザイン」が話題になっている。みなさんも一度はレスポンシブ・Webデザインについて聞いた、あるいは記事を目にしたことがあるのではないだろうか？ スマートフォン向けのWebサイトを提供する上で、レスポンシブ・Webデザインは有効な手段だという認識が海外で広がっているが、日本では「流行」「夢の世界」「現実的ではない」などと誤解している方が多いようだ。誤解を生む背景には、レスポンシブ・Webデザインの定義を勘違いしていたり、深く理解せずに言葉遊びとして捉えていたりする傾向があるように思う。 そこで、あらためてレスポンシブ ・Webデザインのメリットと今後の動向について紹介する。 レスポンシブ・Webデザインとは？ レスポンシブ・Webデザイン
Zend Framework: Documentation
文字列がリテラルである (変数の展開などが含まれない) 場合は、アポストロフィあるいは「シングルクォート」 で文字列を囲まなければなりません。 $a = '文字列の例'; リテラル文字列自体にアポストロフィが含まれている場合は、 引用符あるいは「ダブルクォート」で文字列を囲んでもかまいません。 特に SQL 文などでこのような場合がよくあるでしょう。 $sql = "SELECT `id`, `name` from `people` WHERE `name`='Fred' OR `name`='Susan'"; アポストロフィをエスケープするよりも、上の構文のほうが読みやすくなるのでお勧めです。
【速報】ウィルコムからキタ！ PHS＋3GのAndroid スマホ
昨年9月の予告から半年あまり（関連記事）。ついにPHSによる通話が可能なAndroidスマートフォンが、ソフトバンク／ウィルコム共同の製品発表会で公開された。まずは、基本的なスペック情報などからお届けしよう。 PHSとソフトバンクの3Gにダブルで対応 下り最大通信速度は21Mbps 製品名は「DIGNO DUAL WX04K」で京セラ製。PHSによる通話機能と3Gでのデータ通信が可能である。3Gでの通信にはソフトバンク網を利用しており、2.1GHz帯／1.5GHz帯の両方に対応する（プラチナバンドと呼ばれる900MHz帯には非対応）。通信速度は1.5GHz帯のULTRA SPEED利用時に下り最大21Mbpsだ。
HTML5の対応状況を判別するライブラリ「Modernizr」。【インターネット・アカデミー スタッフブログ】
HTML5 Advent Calendarの15日目を担当しています。 本来のAdvent Calendarとは、12月1日からクリスマスの25日まで、カードに作られた窓を1日に1つずつ開けていくというものです。一方、技術系のAdvent Calendarは、12月1日から25日までの間、毎日違う人が特定のテーマに沿ってブログ記事を書くというものです。HTML5をテーマに、いろんな方が面白い記事を書いていますので、ぜひ他の記事もチェックしてみてください。 HTML5 Advent Calendar 2011 HTML5で注目されている新要素！だったり、HTML5関連のAPIなど、記事にすべきネタはたくさんありますが、今回は、ちょっと違った角度から。 ボストンから一時帰国をして3週間ほどが経過しました。帰国してから、インターネット・アカデミーの受講生の方とたくさんお話をしていますが、その中で
様々なブラウザ環境に対応する為のJavaScriptライブラリ「Modernizr」
配布元：Modernizr ライセンス：MIT & BSD licenses. ModernizrはTwitterなどの大手サイトでも採用されているブラウザの機能の実装状況を調査するためのJavaScriptライブラリです。 たとえばModernizrを読み込んだサイトではhtml要素が次のように書き換えられます。 <html lang="ja" class="no-js"> ↓ <html lang="ja" class="js flexbox flexbox-legacy rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms c
ModernizrでHTML5時代のWeb技術をトラッッキング - MOL
JavaScript Advent Calendar 2010 : ATND 2010年12月1日から25日まで、毎日違う人が JavaScript にまつわるブログ記事を書く企画です。 参加表明した順番が日付（12月◯日）となります。 What is Modernizr? まずはタイトルにもある Modernizr ですが、これはHTML5時代のWeb技術、最近では「NEWT」、New Exciting Web Technologies （HTML5、CSS3、SVG、XHR2、Geolocation… などの技術総称）と呼ばれている技術がブラウザで実装されているか検出してくれるライブラリです。最近、開発者のPaul Irishさんが来日してその存在を知りました。 Modernizr を読み込んだページにアクセスすると自動的にHTML要素のclass属性に対応状況がこん感じで記述される具
絶対に使いたい、modernizr 2.0
最近では、すっかりCSS3を利用する人には定着した「modernizr」当初は、CSS3の対応状況をチェックするツールと誤解をしていた人も多くいました。しかし、このツールは、CSS3やHTML5のサポート状況をclass名としてhtml要素に反映し、そのclass名を利用して「プログレッシブ・エンハンスメント」を適用するJavaScriptです。 html 要素に CSS3のサポートされているか？されていないか？で別々の class名を記述します。 例えばブラウザが「multiple background」を サポートしている場合 <html class="multiplebgs"> </html> サポートしていない場合 <html class="no-multiplebgs"> </html> CSSの記述 .multiplebgs div p { /* properties for
【jQuery】要素の数によってbxSliderの挙動を変更する ｜ Tips Note by TAM
かなり初歩的な使い方な気がしますが、初めてこの書き方をしたので備忘録代わりにまとめました。 スライドさせる要素の数によって、bxSliderの動きを変える必要がありました。 今回したのはinfiniteLoopのオンオフですが、他のオプションを付加することも出来ます。 挙動的には 共通設定となる（infiniteLoopを設定していない状態）bxSliderを定義 要素の数によって挙動の出し分け bxSliderをリロードする という順番になります。 実際のJSコードはこちらです。 // 共通の初期設定の配列 var defaultOpt = { speed: 900, minSlides: 3, maxSlides: 3, moveSlides: 1, slideWidth: 270, slideMargin: 15, pager: false, auto: true, pause: 4
Modernizr: the feature detection library for HTML5/CSS3
MENURespond to your user’s browser features.Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.Add your detects Development build What is Modernizr?It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
C#と諸々 「テスト駆動開発」から 「ビヘイビア駆動開発」へ
C#がメインで他もまぁ諸々なブログです おかしなこと書いてたら指摘してくれると嬉しいです(´･∀･`) つーかコメント欲しい(´･ω･｀) BDD (Behavior Driven Development) というものを今更ながら知りました。 言葉だけはたまに見かけてましたが、どんなものか全く知ろうとせず、ずっとどうでもいいやと思っていました。 ところがこれ、TDD を進化させたようなものだったんですね。 「テスト駆動開発」ではどうしても「品質のため」と誤解されがちで、「設計のため」って言っても中々信じてもらえません。でも「ビヘイビア駆動開発」ならきっと大丈夫。 これからは TDD を捨てて BDD へ移行していきたいと思います。 ただ、.NET 界隈だと残念ながら BDD はあまり浸透してない感じですね。具体的にどういう方法で実践していくのが良いか悩みどころです。 [Web 上で見つけた
NSpec を使って .NET Framework 2.0 のテストをする - dunno logs : Archives
まだ 2.0。。。 はい、弊社の .NET Framework はまだ 2.0 です。今や最新版の半分という状況で、かなりゲンナリしておりますががんばっております。 発端は RSpec 別事業部は Ruby on Rails で開発を行っており、たまたまそこにパートナーで Ruby がかなりデキル人が来ていてタイミング良く RSpec のレクチャー会に参加できました。 いやー、WEB+DB とか読んでてスゴイスゴイとは思ってましたが、いざライブコーディングされるとその素敵さはすさまじいですね。 まずは IronRuby + RSpec でやってみた。が。。。 IronRuby と RSpec の概要 - MSDN とか見つつやっていくと割と簡単にできました。 RSpec のテスト自体も楽勝で動作しました。唯一上記の記事通りいかなかったのは記事の執筆された時期から RSpec のバージョンも
NuGet Gallery | Home
What is NuGet? NuGet is the package manager for .NET. The NuGet client tools provide the ability to produce and consume packages. The NuGet Gallery is the central package repository used by all package authors and consumers. Learn New to NuGet? Start with a walkthrough showing how NuGet powers your .NET development.
ビヘイビア駆動開発 - Wikipedia
ビヘイビア駆動開発（ビヘイビアくどうかいはつ、振舞駆動開発; behavior driven development; BDD）とは、プログラム開発手法の一種で、テスト駆動開発から派生した物である[1][2] 。 概要[編集] テスト駆動開発で記述されるテストケースは、作成したプログラムの動作が正しいかどうかを検証するために行う「テスト」である。テストであるという点は同一であるが、加えて、これから作成しようとするプログラムに期待される「振る舞い」や「制約条件」、つまり「要求仕様」に近い形で、自然言語を併記しながらテストコードを記述する。テストフレームワークのメソッド名も自然言語（英語など）に近い形をとっている。 テストコードの可読性があがる上、テストコードが要求仕様となりうる。要求仕様からテストコードを起こす際も、スムーズにコードに移行しやすい。 BDDではスペック（仕様）とテストは限りな
テスト自動化について5分で分かるまとめ
みなさんこんにちは。@ryuzeeです。 テスト自動化について簡単に教えてほしいと言われることが多いので、以下にまとめました。 テスト自動化/テスト駆動開発についてXPのプラクティスの中で、最も単体で導入しやすいプラクティスの１つであるこのプラクティスのみで１冊の本が書けるくらい奥が深い基本的な方法失敗するテストを書くできる限り早く、テストがパスするような最小限のコード本体を書くリファクタリングをする適用範囲通常では、独立性の高いクラスやファンクションへの適用が良いGUIや分散オブジェクト、自動生成されたコード、DBのスキーマに関するテストは導入が難しい既存システムにおいて、テストが準備されていない場合に、部分的に導入するのは難易度が高い。したがって新規プロジェクトの初期から導入することが望ましい問題点開発者が仕様を誤解していた場合、誤解に基づくテストコードが作成されるため、誤解の検知は保
Ruby Tools : Cucumber
Pemeliharaan Terjadwal: Playtech pada 2023-11-30 dari 11.00 PM sampai 2024-05-01 12.29 AM (GMT + 7). Selama waktu ini, Playtech permainan tidak akan tersedia. Kami memohon maaf atas ketidaknyamanan yang mungkin ditimbulkan. Pemeliharaan Terjadwal: Balak Play pada 2024-03-07 dari 8.30 AM sampai 3.30 PM (GMT + 7). Selama waktu ini, Balak Play permainan tidak akan tersedia. Kami memohon maaf atas ket
Choose Opera - Spreading Opera goodness - Posts tagged by "Opera Tips".
Gaming, Opera GX Pimp your smartphone with GX Mods, now available in Opera GX on Android and iOS February 8th, 2024 Transform the look and feel of your smartphone and tablet and browse like a badass by installing dozens of Mods... New green energy-powered AI data cluster with NVIDIA DGX supercomputing coming to Iceland February 7th, 2024 We’re excited to announce plans to deploy a new AI cluster i
Choose Opera - Spreading Opera goodness - Posts tagged by "Opera Tips".
Gaming, Opera GX Pimp your smartphone with GX Mods, now available in Opera GX on Android and iOS February 8th, 2024 Transform the look and feel of your smartphone and tablet and browse like a badass by installing dozens of Mods... New green energy-powered AI data cluster with NVIDIA DGX supercomputing coming to Iceland February 7th, 2024 We’re excited to announce plans to deploy a new AI cluster i
BehatとSeleniumを組み合わせ受け入れテストを自動化する
みなさんこんにちは。@ryuzeeです。 Behatは良さそうなので引き続き検証しています。 今回は、BehatとSeleniumを組み合わせて、受け入れテスト型のテストを自動化してみたので、その方法について説明しましょう。 なお、前回の記事を読まれていない場合はまずそちらを参照してください。 PHPでBDD(Behavior Driven Development)する方法 Seleniumの課題僕が関わっている案件では受入テストを自動化しているケースももちろんあって、その際はPHPUnitとSeleniumを組み合わせています。 このテストには以下のような課題があります。 画面の操作をするphpコードが大量にあって、ソースを見ただけでは何をしているのか分かりにくいSeleniumは操作に画面の要素名利用するため、例えばサイトのデザインを大幅に変えたりすると、テストの中身も大幅に書き換えな
PHPでBDD（Behavior Driven Development）する方法
みなさんこんにちは。@ryuzeeです。 RubyであればRSpecやCucumberとか使って、むしろBDDしているケースの方が多いようですが、PHPでやっている事例はあまり聞きません。 とりあえずPHPでもBDDできることは確認できたので、その方法をご紹介します。 ※実戦投入にはもうちょっと検証は必要かもしれません。 BDDとは？BDDとはビヘイビア駆動開発（Behavior Driven Development）でテスト駆動開発から派生したものです。 テスト駆動開発とドメイン駆動設計を統合したようなイメージになります。 対象における「振る舞い」や「制約条件」の検証のために、自然言語的な記述でテストコードを記述します。 スペックファーストで仕様を作ってから実装するという流れになります（コードを書く前に振る舞いを決める）。 ということで、以下ではPHPでBDDを行う方法について解説してい
YOLPで挑戦～施設内を検索するAndroidアプリをお手軽に作成！
休日の過ごし方 5月ということでゴールデンウィークはどのように過ごされましたでしょうか？ 家族や友達と外出する機会も多かったかと思います。そんな時に外出先で近隣の商業施設にはどんなお店が入っているのかが分かると迷わなくて楽ですよね。 ということで、今回は外出時に気になった施設の中にあるお店を調べられるようなアプリを紹介しようと思います。 アプリ概要 今回のアプリでは、以下の機能を実装します。 アプリ起動時に現在地を取得し、現在地周辺の地図を表示する 地図上の調べたい施設を長押しし、ビルアイコンのピンを立てる 地図上に立ったピンをタップして、施設に含まれるお店の件数を表示する ポップアップのボタンをタップして、施設内の店舗一覧をリストで表示する 店舗一覧リストからお店を選択し、ブラウザで店舗ページを表示する 開発環境の準備 Androidアプリの開発環境構築については、以前の連載記事「YOL
HTML5で作られたゲームボーイエミュレータ「JS GameBoy Color Game Center」の完成度が高すぎる！ - Chrome Life
HTML5で作られたゲームもいろいろありますが、今回がエミュレーター本体をHTML5で作った事例をご紹介したいと思います。 ネイティブアプリであれば様々なゲームのエミュレータは存在しますが、ブラウザ上で動くものは少なく、再現性も低いものばかりでした。 しかし、HTML5とブラウザの性能向上のおかげで、 ブラウザでゲームボーイが遊べる！ レベルにまでなりました。 それでは早速、Chromeで「JS GameBoy Color Game Center」にアクセスしてみましょう。 エミュレーターの画面がブラウザに表示されるので、Select A GameでゲームのROMを選択します。 これでROMの読み込みが終わると、ゲームが開始されます。 キー操作の反応も良く、想像以上になめらかに動きます。 サウンドも流れるのですが、ゲームによっては音が割れていたり鳴らないものもあるので、サウンド部分のエミュ
5分で分かるデプロイ自動化への道
12月20日に第1回ワンクリックデプロイ勉強会で、デプロイの自動化について好き勝手に喋ったりデモしたりする予定なのですが、当日話す内容の概略について以下に載せておきます。 以下にあげることをやっておけばデプロイ自動化、ワンクリックデプロイはそんなに遠くないところにあると思います。 ソースコードのバージョン管理いわずもがな。全ての起点はここにあるコードの共同所有の原則への理解このソースコードは本番環境または開発環境などで同じように動作しなければならないテストを書く習慣、コミット前に他のテストも含めて通してからコミットする習慣設定ファイルのバージョン管理環境によって異なる設定値（接続先データベース情報など）が書かれた設定ファイルもバージョン管理する開発環境用、ステージング環境用、本番環境用などに分けて定義し、容易に切り替え可能にする本番環境に配置する際に、アプリケーションの各所を書き換えなけれ
LEBEMANNES » Blog Archive » Xampp PHP,MySQL,Apacheのバージョン遷移
ビーグル愛好家クラブ兼システム開発とかパソコン修理とか写真とったりデザインしたり。いきなりPHP4のプログラムの修正が来てしまった。 とりあえず、xamppのphp-switchでPHP5から4に切り替えようと思ったけど xampp-1.7系からphp-switchがなくなってるので 古いバージョンのxamppを探しました。 最新のxamppはこちら：http://www.apachefriends.org/jp/xampp-windows.html 過去のxamppはこちら：http://sourceforge.net/projects/xampp/files/ sourceforgeでアーカイブ発見。 どのバージョンにしようかなぁ～と思って調べてると http://cl.pocari.org/2007-11-04-1.html まとめてくださってる方がいました。 ただ情報がどうも200
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
Manual - Documentation - Zend Framework
http://key-jam.com/2011/02/02/zend-framework-%E7%B0%A1%E6%98%93%E3%83%96%E3%83%AD%E3%82%B0%E4%BD%9C%E6%88%90%E2%91%A0/