WebアプリのHTML/画像表示を速くする3つの方法
Webアプリケーションの画面の中に、画像やフレームといった静的コンテンツを多く取り込むと、Webブラウザに表示されるのが遅くなることがあるが、この現象は、Webアプリケーションの構成を変更することで解決できる場合がある。 今回は静的コンテンツの配置を変更するなどで、Webブラウザの表示速度を向上させる方法について話をうかがったので、その内容を紹介する。 現象の見え方 今回は、以下の問題についての話だ。 基本的なことから確認して要因を特定 こういった現象は、読者も日常的に見ていることだろう。その原因を考えるうえで、とても基本的なことから確認してみたい。 静的コンテンツと動的コンテンツ Webアプリケーションの画面は、静的コンテンツと動的コンテンツで構成される。HTMLファイルや画像ファイルなど、クライアントからの要求への応答に使用するファイルのうち、リクエスト内容に影響されずに常に同じ内容に
W3Cは賞味期限切れ組織？ － ＠IT
「W3Cの賞味期限はあと何年ぐらいだと思いますか？」。先日、あるパーティーでこう聞かれた。私は虚を衝かれたように、思わず真意を聞き返した。なぜなら、私にこの質問をしたのは、日本人として唯一、W3CのXMLワーキンググループで1997～98年のXML 1.0の標準化プロセスに携わった村田真氏だったからだ。村田氏は現在、Office Open XML（主にMicrosoft Officeで用いられる文書形式）の標準化についても情報処理学会 情報規格調査会の専門委員として国際標準化に携わっているなど、この道のエキスパートだ。 驚きはしたが、やはりとも思った。W3Cはもう標準化組織としての黄金期を過ぎ、権威が失われつつある。もしかすると標準化プロセスにしても、もっと良い別のやり方があるのではないか。このところずっとそう感じていたからだ。 W3Cのウィジェット標準を知っていますか？ 村田氏の見立てで
読みやすい文章の極意は「修飾語」にあり
「提案書」や「要件定義書」は書くのが難しい。読む人がITの専門家ではないからだ。専門用語を使わず、高度な内容を的確に伝えるにはどうすればいいか。「提案書」「要件定義書」の書き方を通じて、「誰にでも伝わる」文章術を伝授する。 第5回「ドキュメントの質を確実に上げる6つの文章作法」に続き、顧客に伝わる文章を記述するためのポイントを紹介します。今回は、修辞句や用語など、「より具体的な表現方法」について説明します。なお、前回同様に、まず「分かりにくい例文」を取り上げてどこが分かりにくいのかを解説し、その後に分かりやすい文章へと修正していきます。 「修飾語を適切に使う」ことが、読みやすい文章を作るコツ 分かりやすい文章を書きたいなら、「修飾語」に着目しましょう。修飾語を使うときは、以下のような点に注意します。 長い修飾語は前に、短い修飾語は後に置く 文章を書く際は、句や文節を使った長い修飾語を前に、
誰でもできるアプリ開発(2)
アプリケーションを開発する それでは，日英翻訳アプリケーションを開発する。次のような仕様とする。 ●画面上のテキスト・ボックスに日本語を入力し，「Translate」ボタンを押せば，入力した日本語を英語に変換する ●画面から［Send］ボタンを押せば，他のアプリケーションに翻訳した結果を渡す ●画面上に表示されているボタン，あるいはメニュー・ボタンから操作できる。画面上の翻訳ボタンでは，入力されている言語を自動認識して翻訳するが，メニュー・ボタンでは，翻訳する言語を選択して翻訳する。Androidでは，画面上に表示されない詳細な操作をするためにメニュー・ボタンを使用する（写真2）。 ひな型の作成 ここでは，Androidのが備えるサンプル・プログラムを改良してアプリケーションを作成する。サンプル・プログラムの中で上記仕様に最も近い「Skelton Appli」を使う。 最初に，Eclips
イベントで「右クリック禁止」を禁止してみよう
JavaScriptで本格的なプログラミングの世界に触れてみよう。連載を通じて実用的なアプリケーションを作れるようになるはず！？（編集部） ボタンを押すと何かが起きる？ 第1回「ようこそJavaScriptの世界へ」では、document.writeを使って文字や計算結果を表示するJavaScriptを書きました。今回はJavaScriptを使って動的なWebページを作ってみましょう。 皆さんはイベントと聞くと何を思い浮かべますか。運動会や遠足、学園祭、パーティー、それとも音楽ライブなどの行事や催し事でしょうか。JavaScriptの世界でのイベントはちょっと違う意味で使われます。 さっそくですが、サンプルを動かしてみましょう。この講座では、とにかく実際に動かしてみるというのがテーマです。本文は読み飛ばしても（？）、サンプルは自分で実行してみてください。 テキストエディタを起動し、次のサン
第9回 「何もない」とはどういうことだろう？
プログラミングでは，時として「なーんにもない」ことを表す記号に遭遇する。おそらく，多くの人は特に気にとめることなく，それらを扱っているだろう。 ご存じの通り，コンピュータはどんなプログラムであれ，最終的に0と1の二つの値しか持たない2進数で処理を進めている。だったら「なーんにもない」状態は，一律に0としてもよさそうだ。なのに，CにはNULLやら\0，さらに空っぽの文字列""など異なる表記が存在する。 そんなわけで，今回は「なーんにもない」状態について調査した。 数値0は量がない値。文字'0'とは違う Cの代表的な「なーんにもない」と言えば，「数値の0」「NULL」「\0」だ。それぞれ，どのように違うのだろう？ まずは数値の0である。これは，ご存じのように「量がないことを表す値」だ。数はそもそも，“存在する”量を表すために用いられてきた。その数に，“存在しない”すなわち量がないことを表す機能
一攫千金！ デザイナのためのmixiアプリ制作のコツ （1/3） - ＠IT
一攫千金！ デザイナのためのmixiアプリ制作のコツ：一撃デザインの種明かし（8）（1/3 ページ） ケータイ版の提供もスタートして、ますます注目を集める「mixiアプリ」。mixiの特徴を生かした制作事例とデザイナが制作する際のポイントを紹介します。カヤックのオリジナルデザインテンプレートも大公開！ 「mixiアプリ」って、そもそも何だっけ？ mixiアプリとは、mixiのユーザーがmixiの中で遊べるアプリケーションのことです。 2009年10月の時点では、ざっと550個以上のmixiアプリが公開されています。個人や企業を問わず、誰でも自由に作ることができるので、いま多くのクリエイタが「この波に乗っかれ！」といわんばかりに、こぞってアプリを作っています。mixiアプリの一番の魅力は、mixiのユーザー数ではないでしょうか。なんと、2009年10月現在で1700万人以上となっています。こ
プログラミング言語Cについて知ろう
プログラミング言語の基本となる「C」。正しい文法や作法を身に付けよう。Cには確かに学ぶだけの価値がある（編集部） プログラミング言語Cは開発の仕事に役立つ人気のあるプログラミング言語です。 この連載では、Cでのソフトウェア開発をこれから始めようという方や、使った経験はあるが勉強し直したいという方のために、基本をきちんと押さえながら勉強できるような解説をしていきます。 なるべく正しい文法や作法を身に付けていただくためにJIS規格を基本に解説しますが、それだけにこだわらず実際の開発で役に立つことを分かりやすくお伝えしていきます。 Cの成り立ちと規格 まずは、Cの成り立ちと規格について知っておきましょう。ちょっと堅苦しい感じがするかもしれませんが、歴史を知っているとなぜこういう書き方をするのか、こういった機能があるのかといったことが分かります。また、規格を知っているとプログラミングをしていて何か
新常用漢字表が迫るUnicode移行、「シフトJIS」では対応不可能 | 日経 xTECH（クロステック）
普段使用する漢字の指針となる「常用漢字表」が、2010年度にも改正される。新たに追加される196文字の中に、文字コード「シフトJIS」にない漢字が含まれているため、情報システムに大きな影響を与えそうだ。最新のJIS規格「JIS X 0213:2004」の改正に委員としてかかわった京都大学人文科学研究所附属東アジア人文情報学研究センターの安岡孝一准教授が、問題の核心を解説する。 （日経コンピュータ） 2009年11月10日、文部科学省の「文化審議会国語分科会」において、常用漢字表の改正案が承認された。現行の常用漢字表にある1945字から「銑」「錘」「勺」「匁」「脹」の5字を削除し、新たに196字を追加する改正案で、2010年度の内閣告示を目指している。 新しい常用漢字表が告示されると、「シフトJIS」や「EUC-JP」といった従来からある文字コードを使用するシステムで大きな問題が生じ
「ググるな危険」を読み解く：わたしの愛するエンジニアライフ：エンジニアライフ
本音が語れるエンジニア参加型メディア「＠IT自分戦略研究所 エンジニアライフ」。日々、ITエンジニアの「生の声」を公開している。 ここでは、編集部の独断と偏愛によって選んだコラムをテーマ別に紹介していく。初回はさまざまな議論を呼んだ「ググるな危険」。同コラムから生まれた「スピンオフコラム」も一緒に紹介する。 2つの主張があった「ググるな危険」 『プログラマで、生きている』のひでみ氏が書いた「ググるな危険」には、大きく分けて2つの軸があった。1つが「プログラマとしてのコードの書き方」、もう1つが「新人教育」だ。 まずは、「プログラマとしてのコードの書き方」から見ていこう。ひでみ氏は、「自分で説明できないコードを1行たりとも書くな！」と主張している。 プログラムを書くための情報収集は、どんな方法でもいい。先輩に聞く、本を読む、検索エンジンを使うなど。コピペも悪いわけではない。しかし、どんな方法
評価を高める仕事術（2）「先が読めない」人は損をする
この連載では、「ダメに見せないことで評価を高める」ための仕事術を扱っている。前回は、ダメ評価につながる11のネガティブ特性について説明した。ネガティブ特性は以下の通りである。 先を読まない、深読みしない、刹那主義 主体性がない、受け身である うっかりが多い、思慮が浅い 無責任、逃げ腰体質 本質が語れない、理解が浅い ひと言で語れない、話が冗長 抽象的、具体性がない、表面的 説得力がない、納得感が得られない 仕事が進まない、放置体質 言いたいことが不明、論点が絞れない、話が拡散 駆け引きできない、せっかち、期を待てない 今回から、11のネガティブ特性の具体的な説明と対策を説明していく。一つ目は、「先を読まない、深読みしない、刹那（せつな）主義」である。 現状起こっていることだけに反応する 「先を読まない」とは「将来に向けて起こりそうなことを予想しない」という行動特性を指す。筆者の経験では、意
ここが大変だよJavaScriptフレームワーク入門
そもそも「フレームワーク」って何だ？ Webサイト制作に限らずソフトウェア開発の現場では、日々「フレームワーク」という単語をよく耳にします。最近では「ビジネスフレームワーク」「フレームワーク思考」など、Webサイト制作／ソフトウェア開発の枠内にだけ留まらない多様なフレームワークが存在しています。 では、この「フレームワーク」とは具体的にどのようなものを指しているのでしょうか。 「フレームワーク」の一般的な概念 フレームワークを一般的な用語で置き換えてると、「枠組み」「骨組み」となります。つまり、全体（最終的に出来上がるもの）における大枠を成しているものであるといえます。 ここでいう「大枠」とは、全体を構成する各の部品に共通して決められているルールであったり、その部品を作るための手順・作法のことを指しています。また、「何かを作る際の第一歩となる“とっかかり”を提供してくれるものである」という
メールってどうやって受信してるの？～これで入門書が読める！超初心者のためのインターネットの仕組み～
メールってどうやって受信してるの？～これで入門書が読める！超初心者のためのインターネットの仕組み～：インターネットのモヤモヤを解消する（12）（1/2 ページ） あっという間に夏が過ぎたと思ったら、すぐに連休がやって来たりして、合間の本業も忙しくなってきているのでなかなか引き継ぎの機会がありません。芽衣子さんも秋の新商品リリースに合わせて大忙しですが、仕事のちょっとしたすき間を監視していたかのように、食欲の秋に大忙しのあの男がやって来ます。正男さんです。 メールの送信と受信は別の仕組みが使われている 正男 「さて、先月は芽衣子さんもいろいろやられたと思いますのでメールの送信のことにはかなり詳しくなったと思いますが、今日はメール受信の話をしたいと思います」 芽衣子 「任しといて。たくさんメールを出したからWebより詳しくなった気がするわ」 正男 「やはり実践すると覚えも違いますね」 芽衣子
プラグイン脆弱性問題に決め手はあるのか
今回のTipsは、誰もが毎日使っているWebブラウザの「プラグイン」の脆弱性対策です。現在私たちが置かれている現状と、将来の展望を合わせてお伝えします（編集部） 派手なWebサイトの裏にある技術 皆さんこんにちは、飯田です。昨今の豊かなインターネットライフを支えている1つの要素に、動的コンテンツの普及が挙げられると思います。非常に多くのWebページが動的コンテンツを利用し、ユーザーを楽しませ、飽きさせない工夫がなされていると感じています。 私たちのインターネットを取り巻く環境には、動的コンテンツがあふれていることに気付かされます。逆に動きのないWebページは手を抜いているようにすら感じてしまうほどでしょう。動きあるWebページには、人々の興味、好奇心をあおり、そのサイトに長く滞在させることに成功しています。 もちろん、これはビジネスシーンにも当てはめることができます。動的コンテンツを利用す
「PCでは見えないはず」に頼ることの危険性
“特殊だ”と形容されることの多い日本の携帯電話向けWebサイト。そこには、さまざまな思い込みや性善説の上しか成り立たないセキュリティが横行しています。本連載は、ケータイWebの特殊性をていねいに解説し、正しいケータイWebセキュリティのあるべき姿を考えます（編集部） 無視できない“ケータイWeb”セキュリティ はじめまして。今回からこの連載を担当することになりました徳丸浩といいます。この連載では、携帯電話向けWebアプリケーション（以後「ケータイWeb」と表記します）のセキュリティについて解説します。ここでいう携帯電話とは、iモードやEZweb、Yahoo!ケータイなど、日本で従来、広く利用されているサービスを指します。一方、いわゆるフルブラウザやiPhone、Android端末などは含みません。 ケータイWebは、一般のPCなどから利用されるWebと比較して、使用技術の90％くらいは共通
ようこそJavaScriptの世界へ
JavaScriptで本格的なプログラミングの世界に触れてみよう。連載を通じて実用的なアプリケーションを作れるようになるはず！？（編集部） JavaScriptってよく聞くけど何だろう？ JavaScriptは、Webブラウザ上で動かすことのできる簡単なプログラム言語です。HTMLだけでは動くWebページはできませんが、JavaScriptを使うとWebページにさまざまな動きを入れることができるようになります。 プログラム言語と聞くと、なんだか難しそうに感じてしまうかもしれませんが、心配はいりません。 本講座は、HTMLは分かるけどプログラムを書いたことがないという人や、デザインは得意だけどプログラムは全然分からない！ 文科系で数学は苦手！ という人が理解できるような入門講座として、JavaScriptの基本から進めていきます。 用意するものはメモ帳などのテキストエディタとWebブラウザだ
いま使うべき、学ぶべき.NETテクノロジはどれ？（1/4） - ＠IT
連載：.NET中心会議議事録 第1回 いま使うべき、学ぶべき.NETテクノロジはどれ？ デジタルアドバンテージ 一色 政彦 2009/11/18 ＠IT／Insider.NET内に設置されているコーナー「.NET開発者中心」（以前は「VB研」）の主催により、現場で働く.NET開発者のためのセミナー「.NET中心会議」の第1回が、2009年10月24日（土）に開催された。 今回は「いま使うべき、学ぶべき.NETテクノロジはどれ？」というテーマで、現実的に、開発者が現時点ではどのような技術選択をすべきかについて、パネル・ディスカッションが行われ、下記の4つのテーマに対して、およそ3時間かけて徹底的な議論が展開された。 ●討論テーマ 1：Windowsアプリケーション 2：Webアプリケーション 3：データ・アクセス 4：開発言語 なお、当初はより多くのテーマについての討論を予定していたが、ディ
“読み方”を知って、レビューをもっと効果的に
ソフトウェアレビューは、ただ漫然と行うだけでは期待する成果を得られない。ソフトウェアの品質向上に寄与する効果的な“指摘”をもっと効率的に行うためには、“それなりの読み方”がある なぜリーディング技法を使うか？ 第1回『“確実な記録”こそが、品質・コストに貢献する』では、「何のためにレビューを行うのか、そのために何を重視するのか」といった“観点”を持つこと、すなわち「目的を明確化すること」がレビューを成功させるポイントだと解説しました。 今回解説するリーディング技法とは、そうした「目的」を達成するために、レビューアが「ドキュメント類をどう読み進めていくか」を具体化したものです。一方、プロジェクトマネージャや品質管理担当者など、レビューを管理するメンバーにとっては、技法の種類が「レビューでどんな問題を発見できるのか」大まかに推測する手掛かりとなります。すなわち、「目的」に応じてどのリーディング
今日から始める！ Androidケータイアプリ作成の基礎 （1/3） - ＠IT
2009年10月、Android Marketの有料アプリ配信が始まりました。また先日新バージョンの2.0も発表され（参考：グーグル、Android 2.0対応のSDKリリース）、これからAndroidのアプリ作成を始めようという方も多いと思います。せっかくなので、Androidだからこそ作れるアプリを作りたいものですね。 本稿では、Androidの特徴を押さえてアプリ作成を始めるための基礎を紹介します。 Androidアプリ作成を始めるには何が必要なの？ まずは、Androidアプリ作成に当たり、必要なものを確認します。 ■ OS環境 ここで特筆する必要はないかもしれませんが、以下の通りです。 Windows XPまたは、Vista Mac OS X 10.4.8以降 Linux ちなみに、筆者のOS環境はWindows 7ですが、2009年11月現在のところ問題は起きていません。 ■
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
さらに分かっておきたいトランジスタの種類 − ＠IT MONOist