ワイヤーフレームとはどういうものか？という概略 ワイヤーフレームだけでは説明しきれないところをどう補うか、が課題 Adobe XD Meeting #05での発表内容です
大規模 JavaScript その設計と実装と現実
ワイヤーフレームとはどういうものか？という概略 ワイヤーフレームだけでは説明しきれないところをどう補うか、が課題 Adobe XD Meeting #05での発表内容です
ライブラリとWeb APIを使いこなして一人前
JavaScriptは1995年に誕生しました。JavaScriptの実行環境がWebブラウザであったこともあり、JavaScriptの歴史はWebブラウザの歴史そのものでした。Webブラウザ間の互換性やセキュリティの問題などで“不遇”の時代はあったものの、2010年現在、JavaScriptはWebサイト開発になくてはならない存在となっています。 JavaScriptを取り巻く環境は、15年の間にすっかり様変わりしました。Webサイト開発者であるプログラマが書き上げるJavaScriptプログラムが単体では完結しなくなっているのです。単体で使えないとはどういうことでしょうか？ 現在のJavaScriptプログラミングには、大きく二つのトレンドがあります。一つは、外部のJavaScriptライブラリを取り込んで利用すること、そしてもう一つは、大手Webサイトなどが公開しているWeb API
サンプルで理解するHTML5におけるJavaScript
一般に「HTML5」と呼ばれている仕様は、HTML要素の仕様だけでなく、Webアプリケーション用APIの仕様も含んでいます。これらのAPIを使うことによってHTML5では、2D/3Dグラフィックスの描画やローカルパソコンへのデータの保存といったことが可能になります。 HTML5ではJavaScriptを使うことで、できることが従来より大幅に増えます。しかし、これは逆に言えば、HTML5の機能を活用するには、JavaScriptのスキルが不可欠だということです。 このパートでは、筆者がHTML5（＋JavaScript＋CSS3）で作成したお絵描きアプリケーション「My Animals Note！」をサンプルにして、HTML5におけるJavaScriptプログラミング、具体的にはcanvas要素を使ったグラフィックス描画や、Web Storage APIを使ったローカルパソコンへの画像データ
今、知っておきたいJavaScript
Webブラウザとテキストエディタさえあれば、プログラミングして実行できるシンプルで手軽な言語――。それがJavaScriptが初めて登場してからしばらくの間、多くの人が抱いた印象でした。しかし、Ajaxの登場に伴う第2のブーム以降、ハードルが高くなったように感じられます。 その大きな理由の一つが、DOM（Document Object Model）に基づくJavaScriptプログラミングでしょう。DOMは、HTMLやXMLを構成する各要素に対して、プログラムからアクセスして内部の情報を取得・変更したり、機能を利用したりするためのAPI（Application Programming Interface）です。DOMを使うことによって、WebページをリロードせずにWebページを部分的に書き換えたり、HTMLドキュメントの構造を動的に変えたりといったことが可能になります。 DOMは便利な仕組
HTML5はJavaScriptプログラムをスマートにする
現在、W3C（World Wide Web Consortium）では、HTML5標準仕様の策定作業が進んでいます。Firefox、Google Chrome、Safari、Operaといった各Webブラウザはアップデートを活発化し、HTML5の仕様を取り込んだ新機能の実装を進めています。シェアの高いInternet Explorer（IE）は、現バージョン（IE8）ではHTML5対応の遅れが目立ちますが、次期版のIE9ではWeb標準に準拠したHTML5対応が強化されます。 HTML4の仕様が1997年に公開されて以来、Webアプリケーションは、Ajaxによるリッチなコンテンツの実現、jQueryなどのJavaScriptライブラリによる開発生産性と互換性の向上、といった過程を経て進化してきました（表1）。そして、IE9がリリースされるであろう2011年には、ついにHTML5時代が幕を開け
Objective-C不要! - 書評 - iPhoneアプリケーション開発ガイド : 404 Blog Not Found
2010年08月03日21:30 カテゴリ書評/画評/品評iTech Objective-C不要! - 書評 - iPhoneアプリケーション開発ガイド オライリー矢野様より献本御礼。 iPhoneアプリケーション開発ガイド Jonathan Stark / 増井俊之監 / 牧野聡訳 [原著:Building iPhone Apps with HTML, CSS, and JavaScript] これだ! こういう本が、欲しかった! iPhone向けに何か作りたい。でもObjective-Cは敷居が高い。App Storeで大もうけしたいわけじゃない。でもiPhone向けのWebサイトを作るだけじゃちょっと物足りない。 そんな私のような人のためにうってつけの一冊が、これだ。 本書「iPhoneアプリケーション開発ガイド」という題名は、ちょっとミスリーディングだ。原著の"Building i
HTML5 を IE や Firefox 2 でも使えるようにする方法 - html5doctor - HTML5.JP
サイト内検索 この記事は、html5doctor に掲載されている記事「How to get HTML5 working in IE and Firefox 2」を日本語訳したものです。この記事では、新要素に対応していない IE や Firefox 2 で、新要素を適切にレンダリングさせる方法を分かりやすく解説しています。HTML5 でサイトを作る場合には、必須の知識となります。 原文タイトル How to get HTML5 working in IE and Firefox 2 原文ページ URL http://html5doctor.com/how-to-get-html5-working-in-ie-and-firefox-2/ 著者 Remy Sharp 氏 原文投稿日 2009-06-20 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了
ASCII.jp：HTML5のCanvasで作る、Flash不要のお絵かきツール｜古籏一浩のJavaScriptラボ
HTML5 Canvasで作った「シンプルペイント」。ペンの色とサイズが選べ、保存もできる。画像クリックでサンプルページを表示します（Firefox 3／Opera 10／Safari 4で表示可能） HTML5の新機能で特に注目を集めているのが、Flashなどのプラグインを使わずにWebブラウザー上でグラフィックを描画できる「Canvas」です。Canvasは、すでにInternet Explorer（IE）をのぞく、ほとんどのブラウザーに実装されていますし、マイクロソフトは現在開発を進めている「IE9」でHTML5を積極的にサポートするとしていますから、IE9にCanvasが実装される可能性は高そうです（ただし、現在公開されているPlatform Preview版ではCanvasは実装されていません）。すべての主要ブラウザーでCanvasが利用できるようになれば、画像処理を伴うWebア
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
【レポート】"CSS3/HTML5、各ブラウザはどこまで対応?" を、確かめられる「Modernizr」 (2) Hello, Modernizr! | エンタープライズ | マイコミジャーナル
Hello, Modernizr! ここでの動作環境は次のとおり。 OS: Windows XP SP3, Windows 7 RC, Mac OS X 10.5.6 Webブラウザ(Windows XP): Internet Explorer 6/7, Opera 9.64, Google Chrome 3.0.190.4 ※>, Safari 4.0(530.17) Webブラウザ(Windows 7): Internet Explorer 8, Google Chrome 2.0.172.33, Opera 10 beta 1 ※ Webブラウザ(MacOS X): Firefox 3.5, Safari 3.2.1, Google Chrome 3.0.190.0 ※ ※印をつけたWebブラウザは開発版リリースにあたる。筆者のマシン環境上、OSとWebブラウザにかなりバラつきがある
Opera News
Desktop Opera One updates with new webpage Translator and improved Split Screen July 3rd, 2025 We're introducing a new built-in webpage translator to Opera One following your requests. We're also adding improvements to Split Screen. Mindfulness, Opera Air Opera Air’s redesigned Boosts now smoother, more intuitive June 4th, 2025 Hey all, Today we have another update for Opera Air, our browser built
Titanium Mobileについて... - JP::HSJ::Junknews::HatenaSide
Titanium Mobileがそもそもなんなのかというところなのですが、 次のslideshareのスライドで端的にまとまっています。 http://www.slideshare.net/marshall_law/titanium-mobile-intro 特徴 HTML5, CSS, CanvasといったWebの標準技術でUIを構成できる JavascriptのソースをiPhone(3.x)とAndroid(1.5)をネイティブコードに変換 ブリッジとしての動作もしているようなので、すべてがObjective-CやJavaのソースになってるわけではなさそう 高速なJavascript APIでwidgetやviewを操作 通常のHTML5でWebアプリケーションを作る際に制約がありできないことが可能になります。 Native UI（Javascriptから生成・操作） 音楽・動画再生
FlashをHTML5に自動変換する「Smokescreen」 - ネタフル
Flashを分解してHTML5+JavaScriptで再構築する「Smokescreen」というライブラリが開発中だそうです。 動画：FlashをHTML5に自動変換するSmokescreen、iPadでも動作というエントリーで紹介されています。 具体的にはフラッシュのswfファイルを読み込み、中にあるスクリプトデータをJavaScriptに変換、画像データと音声データも抽出し、HTML5として再構成してウェブページ内にロードするという荒技にもほどがあるつくりです。 すごいことを考えますね。実際にそんなことができてしまうのですね。 Smokescreen自身はJavaScriptで構成されていますので、利用するにはウェブページ側でSmokescreenを読みこむよう準備しておくだけ。ユーザ側で特別な準備は不要ですし、アプリではないのでApp Store検閲の心配もありません。 まだ変換は限
CanvasMol
X Check example molecules. Import PDB/SDF/MOL files. Export to PNG image. Drag widgets around. Drag molecule to rotate. Mouse wheel to zoom. Toggle automatic rotation around X,Y,Z axis. Try different rendering options. Warning: complex molecules are very slow, your browser may freeze occasionally if you enable autorotation. Like this? Check other demos on my site Follow me on Twitter Feedback
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Under Maintenance