約700項目のHTML／スクリプト言語リファレンスを公開
日経LinuxとITproは、総計約700項目のHTML／スクリプト言語リファレンスを公開しました。「HTML」（295項目）、「CSS」（73項目）、「Dynamic HTML」（98項目）、「JavaScript」（295項目）、「Perl」（125項目）あわせて698項目。各項目にサンプルコードを掲載しており、コピーし貼り付けてすぐにお使いいただけます。JavaScriptは「この用例を実行する」という文字をクリックすれば、その場でサンプルコードを実行してみることもできます。 ファンレンスを使いこなすための記事や、「JavaScript入門」「Perlの使い方入門」「CSSの基本」「Linuxコマンド道場」「シェル・スクリプト工房」といった入門記事もご用意しました。 これらのリファレンスはここ2～3年かけて作成してきたものです。そのため一部に内容の古いものもありますが、順次更新してい
グーグルのJavaScriptツール集大成「Google Closure Tools」
2009年11月5日，Googleは自社サービス製品であるGmail，Google Maps，Google Docsなどの開発に使用しているJavaScriptアプリ開発ツール群「Google Closure Tools」を一般公開しました。 "Closure"は一般的に，閉鎖や閉店といった意味で使われます。ツールの命名としては少しネガティブなニュアンスを感じますが，Google Closure Toolsの場合は，終結といった意味で，開発プロジェクトにおける最終ステップの仕上げ用ツール。すなわち“栓”という意味で中身があふれ出さないようにキッチリ閉めておくものといった意味合いから命名されているようです。 Ultimate（究極）に近い意味でGoogleの自信の表れと受け取った方がいいかもしれません。Googleで新規公開になったプロジェクトとしては珍しく，ベータ版の表記もありません（Go
想定通りブログで稼げる会社になった サイバーエージェント 代表取締役社長CEO 藤田 晋 氏：ITpro
サイバーエージェントのブログサービス「Ameba（アメーバブログ＝アメブロ）」が、2009年9月期の第4四半期は初の黒字になった。同社は今期、Ameba事業で約30億円の営業利益を計上する見通しだ。来期には、サイバーエージェントの収益を支える新たな主力事業としての地盤を固め、アメブロ事業における約60億円の累積損失を一掃するという。藤田晋社長に、アメブロ事業について聞いた。（聞き手は島田昇＝日経コンピュータ） 懸案だったブログ事業「Ameba（アメブロ）」が四半期ベースでようやく黒字になった。 黒字になるかどうかについては、さほど心配していなかった。黒字転換に固執し、小さな利益を追求しても仕方がないからだ。アメブロは巨大メディアに成長し、高収益事業になってこそ意味がある。目先の収益ばかりに気をとられると、つまらないサービスになってしまう。だからこそ、これまでの約5年間は、あえて収益を度外視
第9回 JavaScriptは控えめに ～クロスブラウザ対策地獄からの脱出～
ついに本連載の最後となりました。今回のテーマはJavaScriptの設計スタイルです。 JavaScriptで様々なアクションを実現しようとすると，ブラウザによって挙動が異なったり，場合によっては動かない場合があります。例えば，標準化されているW3C DOMといえども，ブラウザの種類やバージョンによってその実装の度合が異なるからです。 今日，様々なブラウザがあふれており，またそれらのバージョンも多岐にわたります。すべてのブラウザ，そしてすべてのバージョンで全く同じように動くようにするというのは，もはや現実的ではありません。 そこで，近年，Unobtrusive Scriptingと呼ばれるスクリプティングの考え方が注目されるようになりました。"Unobtrusive"は，"でじゃばらない"，"控え目な"，"つつましい"といった意味を持っています。 Unobtrusive Scripting
第1回 CSSサポートが不十分なIE 6でサイトの表示品質を保証する
2008年8月設立。アクセシビリティ，ユーザービリティ，CMSの導入，SEO/SEMといったWebサイト制作から，ROIを意識したブランディング，ソーシャルメディアを用いたユーザーとのコミュニケーションの最適化など，マーケティング活動までを手がけるクリエイティブユニット。 2009年3月18日にInternet Exploler（以下IE）8が米国で正式公開されました。日本語版も同月20日からダウンロード可能になり，多くの制作者が実際に触れてみたことでしょう。しかし，それから4カ月が経とうとしている現在でもIE 8へのアップグレードはスムーズに行われていないようです。 筆者がアクセス解析を見た範囲では，IEのシェアが全体の85～95％前後，さらにIEの中では6と7が約45％前後，8のシェアが10％弱ということろです（7月6日時点）（表1）。
「仕事への意欲が最低なのは日本人」――人事戦略コンサルティングの米タワーズペリンが調査
人事戦略コンサルティング会社の米タワーズペリンは、「仕事に対して『非常に意欲的』と感じる日本人は世界16カ国中で最低となるわずか2％しかいない」という調査・分析結果を明らかにした。仕事に「意欲的でない」と答えた日本人も41％おり、インドの56％に次いで2番目に低い (表1)。 タワーズペリンは、米国に本社を置き、世界24カ国に9000人のスタッフを抱える人事戦略コンサルティング会社の大手。今回の調査活動では、日本、米国、カナダ、英国、ドイツ、フランス、オランダ、ベルギー、アイルランド、イタリア、スペイン、メキシコ、ブラジル、韓国、中国、インドの16カ国でWebアンケートを実施。2005年8月に、日本人千数百人を含む計8万6000人が回答した。 アンケートの設問数は約200で、いずれも意識レベルを5段階で回答。この調査結果を基に、仕事に対する意欲、その意欲を高める要因、離職しない理由、就職・
第65回 ［図解］Webサイト構築プロジェクト・ワークフロー - Webデザイン エンジニアリング：ITpro
今回は，Webサイト構築プロジェクトのワークフローを俯瞰してみたいと思います。実際にクライアントから声がかかる場面から納品，つまり開発案件の完了までを12の「ステージ」に分けて図解してみました。思考のプロセス/人的配置/タスク/ツールなども一緒に記しています。少し大きな図になってしまいましたが，ご参考になれば。 図は，一番上は「4つのステップ/3つのタスク/12の要素（第62回 持続可能なWebサイト開発を支える12の要素）」。その下は，人的配置をロール(役割)ごとに記述しています。その下は，大まかなタスクのレベルです。それぞれの期間内に処理すべき項目を列挙しています。その下が，「ステージ」。プロジェクト全体を12のステージに分類して作業内容を整理しています。基本的には，その流れの順で進んでいきます。その下は，それぞれのステージのアウトプットのイメージで，更にその下にはよく使うファイルアイ
W3C，マークアップ言語「XHTML 2」を「HTML 5」に統合へ
Web関連技術の標準化団体World Wide Web Consortium（W3C）は米国時間2009年7月2日，マークアップ言語HTMLをXMLで再定義した言語「XHTML 2」について，策定担当ワーキング・グループ（WG）の憲章（行動指針）「XHTML 2 Working Group charter」の適用を2009年末で打ち切ると発表した。同憲章を更新せず，HTML担当の「HTML WG」に投入するリソースを増やすことで「HTML 5」仕様の策定作業を加速させ，HTML開発の方向性を明確化する考え。 W3CはXHTMLをHTMLのXMLシリアライゼーション（XML形式への変換）と見なしている。HTML 5仕様にXMLシリアライゼーションを含め，引き続きHTML WGで検討していく。現在HTML 5仕様でこのXMLシリアライゼーションは「XHTML 5」と呼んでいるが，今後HTML
第64回 サイトを見つめる5人の視点：ABCDE
今回は，Webサイトを公開する際に気にするべき5つの視点について考えて見ます。実装前後～公開まで，関係性の強弱はありますが，常に意識すべき視点だと思います。究極的には，この5つの視点を，関係者全員が有していて，そのうえで協議してプロジェクトを進めて行くのが理想なのだろうと信じています。各人が少しずつ「のりしろ」を持って，そのプロジェクトを強めていけたなら，ビジネス的確度も高まるはずですので。 5人の視点 とりあげる視点は，プロジェクトの会議に揃うべき面々と思っていただいて良いと思います。基本的には，毎回とはいかないまでも，大事な決断の局面では全員が揃っているべきでしょう。大切なのは，「後出しジャンケン」的なクレームは，「戻り」を発生させ，プロジェクトのリスクを高めることになりかねないという意識を持って，全員が参加するということです。 その5人とは，解析視点(Analyst)，ビジネス視点(
第63回 サイトを嫌わせる五つの要素：あいうえお
五つの要素 とりあげる要素は，画面を見ている人が，基本的にはボソっとつぶやくような言葉です。私自身はこんな言葉になるのですが，多少個人差のあるニュアンスがありそうなので，Weblio 類語辞典からイメージ的にズレの少ないものをそれぞれ列挙しておきます。 【あ】あざと～ サイトに入った途端に感じる匂いというものは存在します。誘い込んで何かを奪おうとする類のサイトは，テンプレートの供給が少ないせいかもしれませんが，一目で「ん？」と感じます。宣伝色の余りに強いサイトは，同系統の匂いを感じます。言葉巧みに，その機能なり商品なり会社なりの宣伝をして，さらにユーザーに「もう一手」をどこか要求しているような感触です。 あざとい - 類語辞典(シソーラス) ▽商法・やり方などがあざとい あくどい ・ えげつない ・ 抜け目がない ・ 強腕による ・ 汚い（やり方） ・ ギンギラギンの ・ 毒々しい ・ ど
マークアップ・エンジニアのTips
マークアップエンジニアの業務は一般に「HTMLを作ること」とされますが，実際には，HTMLを書くだけに留まらず，Webサイトのユーザー・インタフェースを実装したり，そのためのツールに精通している必要があります。ユーザーがサイトを訪れてから目的を達成するまでの“体験（エクスペリエンス）”の質を左右する仕事，というわけです。この連載ではマークアップエンジニアの仕事にまつわる話を中心に取り上げます。 ・第1回 マークアップエンジニアって何？ ・第2回 CSSレイアウトとか，Web標準とか ・第3回 Webページで行間はどのくらいにしましょうか？ ・第4回 やっぱりXMLか ・第5回 Internet Explorer 8 Betaについての雑感 ・第6回 マークアップする人から見た，こんなディレクターは嫌だ！ ・第7回 CMSの需要について考えてみた ・第8回 「CSSによるデザインワークと相性
第62回 持続可能なWebサイト開発を支える12の要素
年度の改まりを受け，自分のスキルアップや目標設定をする時期の方も多いかと思います。今回は作り手として，どのようなスキルが必要かを俯瞰しつつ，自分の立ち位置や強さ/弱さを自己評価しながら，自分のための学習ロードマップを考えるための資料を作成してみました。なるべく技術の流れに振り回されないように，汎用的にしてみたつもりです。記事の最後に簡単なチェックシートも添えましたので，活用していただければ。 Webサイト開発はどのようなステップとタスクがあるのか 様々な分類方法がありますが，今回は4つのステップ（調査/設計/実装/運用），3つのタスク（実施/検証/合意）という流れの中で考えることとします。全てのステップにおいて，何かを成し，それが正しいかを確かめ，（主に）クライアント（発注主）の了解を得るという3タスクがあるとする考え方です。調査や運用が視野に入らない開発者がもしかしたらいるかもしれません
年商10億円のECサイトを目指すポイント
Webサイト制作・コンサルティングを手掛けるコスモ・インタラクティブ（東京都港区）は2009年3月19日、ネットマーケティングのコンサルティングなどを手掛けるシンクエージェント（東京都港区）、物流代行サービスを手掛けるIWビジネスパートナーズ（東京都港区）と共同で、ファッションEC（電子商取引）サイト運営者向けの無料セミナー「年商10億円突破のECビジネス構築法」を開催した。 登壇したシンクエージェント代表取締役の樋口進氏は冒頭、小規模なECサイトの多くは、一度だけしか利用しない顧客が7割を占める状況に陥りがちであると指摘した。「新規顧客のCPA（顧客獲得単価）はリピート購入者獲得の5倍」（樋口氏）かかるが、ECサイトの多くは新規獲得に躍起になり、既存の顧客をリピート購入につなげられていないという。 こうした状況に陥る原因の一つとして、広告効果を測る指標に問題があるという。例えば、検索連動
米アドビが2009年初頭にFlash関連新技術，コーディング無しでコンテンツ制作が可能に
写真1●Adobe AIR担当グループ プロダクトマーケティングマネージャーのエイドリアン・ルードウィック氏（右）と，Adobe Flexグループ プロダクトマーケティングマネージャーのデイブ・グルーバー氏（左） 米アドビシステムズは2009年初頭に，新しいFlash関連技術「Adobe Flash Catalyst（旧コードネームThermo）」のパブリック・ベータ版の公開を予定している。Flash Catalystの特徴は，PhotoshopやIllustratorといったAdobe Creative Suite製品で制作したデザイン・アセット（アプリケーションのUIや外観を構成する素材）を，デザイナー自身がレイアウトして動的効果まで付けられる点だ。 Flash Catalystでコンテンツを制作する際のワークフローでは，FXG（Flexグラフィック）という共通フォーマットを利用する。
DOMから始めるJavaScriptモダン・スクリプティング---目次：ITpro
近年，Ajaxの台頭をきっかけに，JavaScriptを使ったブラウザのリッチ・クライアント化が進んできました。現在では，ページの表示を変化させるだけであれば，ほとんどのことはJavaScriptのみで対処することが可能です。それを実現するのがDOMなのです。 第1回 DOMから始めるモダン・スクリプティングの世界へようこそ 第2回 ブラウザからHTMLはどう見えているかを理解しよう ～ドキュメントツリー～ 第3回 DOMスクリプティングのことはじめ(1) ～要素（タグ）を狙い撃ち～ 第4回 DOMスクリプティングのことはじめ(2) ～これはどんな要素？～ 第5回 DOMを使ってHTMLを自由自在に書き換える 第6回 イベントハンドラから脱却しよう 第7回 スクリプトを完全に分離しよう ～コンテンツ，プレゼンテーション，ビヘイビア～ 第8回 スクリプトのパッケージ化 ～使い回しできるスクリ
「話し過ぎ」の人はいませんか?
自分では気がつかないけれども，他人からはよく見えることがあります。そのひとつが，「話し過ぎ」です。筆者は若いころ「話し過ぎ」でした。今ならそう自覚できますが，当時は「話し過ぎ」とは思っていませんでした。 このように，「話」には自分自身で見えにくいため，課題がよく自覚できないという非常に困った特徴があります。そして，これが非常に曲者なのです。 たとえば，文書なら，「書き過ぎ」かどうかは自分でも分かります。落ち着いて第三者的な立場で，自分の書いた文書を見れば，それが「書き過ぎ」かは分かるものです。 例えば，以下の文書を見てみましょう。
フリー言語で真のプログラミングを学ぶ--目次：ITpro
プログラミングの世界は広大です。自分の「母語」であるプログラミング言語を極めることも大切ですが，他の言語に目を向けることで驚くほど世界が広がることがあります。他の言語からエッセンスを学ぶことで，汎用的な「プログラミング力」が格段にアップするのです。 この特集では，個々の言語から何が学べるかについて具体的に解説しています。まず，Rubyの開発者でありプログラミング言語マニアとしても知られるまつもとゆきひろ氏に「複数のプログラミング言語を学ぶ意義」について語っていただきました。まつもと氏には，プログラミングの基礎となるコードの読み方の解説もお願いしました。 注目の言語，RubyとJavaScriptについては，気鋭の若手開発者のお二人に解説していただきます。さらに，伝説のプログラミング言語Eiffelの解説を，Bertrand Meyer氏の名著「オブジェクト指向入門」の翻訳で知られる酒匂寛氏
ITエンジニアとデザイナー
ITエンジニアは主に論理的思考で仕事を進め，デザイナーは主に感性で仕事をするという印象がある。以前に流行った言い回しでは，ITエンジニアは主に左脳で，デザイナーは主に右脳で業務をこなすということになるのだろうか。両者は相補的と言えば聞こえが良いが，相容れないと言えなくもない。 マイクロソフトが2008年10月10日，六本木アカデミーヒルズでカンファレンス「MIX essentials.“Silverlight Day”」を開催したときのことである（関連記事）。マイクロソフト執行役デベロッパー＆プラットフォーム統括本部長の大場章弘氏は，ノーネクタイで講演の壇上に立った。さらに，マイクロソフトの人たちだけでなく，事例紹介パートで登壇したユーザー企業の人たちもすべてノーネクタイだった。 大場氏は，今日はノーネクタイにするようにと言われていたので家を出るときに服選びで困った，といった旨のことを話し
米グーグル幹部，ストリートビュー問題を語る――「効率的な新サービス導入には事後承諾がベター」
先月初めに公開されて以来，「これはすごい」，「でもプライバシーは大丈夫？」とさまざまな反響を呼んでいる「Googleストリートビュー」。来日した米グーグルの法務担当副社長ケント・ウォーカー氏と日本法人の辻野晃一郎製品企画本部長が2008年9月29日，記者発表の席で「Googleストリートビュー」に関するさまざまな質問に答えた。「新しいテクノロジーにはクレームはつきもの」，「Webサービスは公開後，修正しながら運用できるのがよいところ」と，Webサービスに関するグーグルの考え方がよくわかる一問一答だった。 今のストリートビューのやり方は，自分の姿などが知らない間に撮影されてしまい，問題のある画像には後から削除依頼を出すオプトアウト（事後承諾）方式だ。この手法が反感を呼んでいるのではないか。ストリートビュー・カーに「撮影中」と明示する，あるいはあらかじめ被撮影者に許可を取るオプトイン（事前承諾
Web標準の基礎と実践---目次
第1回 なぜWeb標準が「ホット」なのか Web業界では「Web標準（Web Standards）」を意識した正しい(X)HTML+CSSに基づくサイト制作が当たり前になってきている。Webのポテンシャルを最大限に活かすためのWeb標準について、基礎知識だけでなくトレンド的な観点を交えながら、「なぜWeb標準が普及してきているのか」を考えてみよう。 第2回 Web標準と新たなマークアップ言語「XHTML」 Web標準ベースのサイト制作では、「XHTML」という新たなマークアップ言語を採用するのが一般的である。なぜHTMLではなくXHTMLを採用するのか、XHTMLのなかでどのバージョンを採用すればよいかを考えてみよう。 第3回 XHTML+CSSの役割分担 XHTMLはWebページの「構造」（文書構造）を、CSSは「見栄え」（視覚表現）を指定するものである。旧来はHTMLで両方を指定するこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
