10年遅れたJavaScriptの知識をざっくり10分でアップデートしよう
久しぶりにJavaScriptを勉強しようと思ったら、すっかり浦島太郎状態だった……なんて人も多いのでは？ モダンなJavaScriptの知識をコンパクトにまとめました。 JavaScriptを取り巻く環境がどんどん変化しています。新たなツールやフレームワークが生み出されているだけでなく、言語そのものがES2015（ES6）の登場で大きく変わりました。JavaScript開発の学習がいかに難しいか愚痴をこぼす記事がたくさんありますが、無理もないことです。 本記事ではモダンJavaScriptを紹介します。JavaScriptの進展を解説し、フロントエンドWebアプリケーションを作るために使われているツールや手法の全体像を確認します。JavaScriptを学び始めたばかりの人や、以前は使っていて数年間離れたため変化を知りたい人はぜひ読んでください。 Node.jsについて Node.jsは
敏腕SE、室見立華さんに聞いてみよう！ (1/2)
システムエンジニアの過酷な実態をコミカルに描く電撃文庫の異色作『なれる！SE』。本企画は、その主人公＆ヒロインである桜坂工兵と室見立華による“中二っぽい”IT用語の解説コーナーだ。初回はそれに先立ち、見た目は中学生だが敏腕SEの室見立華に、システムエンジニアについての質問をぶつけてみたぞ。 現場だから言える、SEってこんな仕事！ ――本日は敏腕SE、室見立華さんにシステムエンジニアについてお話をお伺いしていこうと思います。まずは自己紹介からお願いできますでしょうか。 株式会社スルガシステム、システムエンジニアリング部所属、 室見立華よ。担当分野は主にネットワーク。サーバ周りもミドルまでなら対応できるわ。好きなOSはJUNOS、生活環境のコマンドシェルはtcsh、……ちょっと徹夜作業空けだから食事しながらでいい？（おもむろにツナ缶を開ける） ――は、はいどうぞ。……えーと、ではさっそくですが
【リンク集】無償写真・テンプレ集を山ほど集めたった (1/2)
「急に言われましても」に対応する フリー素材サイトいっぱいお盆だよスペシャル 気の早い話だが、もうすぐお正月だ。 夏コミあとの冬コミがすぐにやってくるように、夏から年末は一瞬。そして新年。新年といえば、年賀状だ。来年であれば巳年だから蛇のイラストの需要が高まるわけだが……そんなとき、知っておくと助かるのがフリー素材サイトだ。 個人利用であれば無料のものが多く、かつデザインがステキ。またビジネス用のテンプレートも豊富に存在しているので、普段からチェックしてけおけば、「急に言われましても」なイベントにも即対応できる。 ということで、お盆スペシャルとして編集部オススメの素材サイトを一挙に紹介していく。個別にブックマークするよりも、このページをブックマークしておくといいゾ。
jQuery Mobileを使った国内スマホサイトまとめ (1/3)
jQuery Mobileの採用が国内でも進んでいる。jQuery Mobileは、iPhone/Android、WindowsPhoneやBlackBerryなど、主要なスマートフォンに対応したUIフレームワーク。HTMLに簡単な記述を追加するだけで、スマートフォンに最適化したサイトやWebアプリケーションを制作できる、注目のフレームワークだ。 昨年11月には、待望の「jQuery Mobile 1.0」正式版がリリースされ、実務でも本格的に利用しやすくなった。今後、ますます増えそうなjQuery Mobileを使ったスマートフォンサイトの事例をチェックしておこう。 ※商品紹介／キャンペーンサイトに、「太鼓の達人学園（太鼓の達人×AKB48キャンペーンサイト）」を追加しました。（2012年3月1日16時更新） ※ネットサービスに、「一休.com」「recbike」を追加しました。（201
新OS「OS X Mountain Lion」 ― ポストPC時代に合わせ、Macの進化を加速させるアップル (1/7)
アップルが、Mac用最新OS、「OS X Mountain Lion」を今夏リリースすると発表した（Mac App Store経由のみで提供）。現バージョンの「OS X Lion」から、わずか1年足らずのメジャーアップデートながら、搭載される新機能は100以上にのぼる。 アップルは、現バージョンOS X Lionから、iPad／iPhoneなどiOS機器における操作の特徴を取り入れ始め、OS X Mountain Lionでそれをさらに押し進める。iCloud連携も大幅に強化しているのだ。 同時に、世界的に勢いのあるMacを中国市場でも本格的に展開する模様で、中国独自のインターネットサービスとの連携も強化されている。 1年足らずでのメジャーアップデート アップルは突如、Mac用新OSの「OS X Mountain Lion」を発表した。実際のリリースは夏頃の予定だが、一時は2年に一度ほどだ
動画の勢い、“静画”にも――ニコニコ静画（電子書籍）の狙い (1/4)
角川グループとドワンゴの包括的業務提携のニュースが報じられ、約1年が過ぎた。当時電子書籍をテーマに取材を続けていた筆者も、BOOK☆WALKERを運営する角川コンテンツゲート（KCG）の安本洋一常務取締役に取材しており、今年にはビューアーが登場するというコメントを得ていた。 そしてついにドワンゴから電子書籍サービス「ニコニコ静画（電子書籍）」が満を持して登場し、iPhone／iPad版アプリも同時にリリースされた。このサービス、時間をかけた背景や、ニコニコ動画として電子書籍にかける意気込みや狙いなどを、ドワンゴ 企画開発部 部長の伴 龍一郎氏に聞いた。 「角川ニコニコエース」は出版と配信の“相乗効果” まず、今回の目玉はなんといっても「角川ニコニコエース」という、ニコニコ静画（電子書籍）限定の電子書籍だ。伴氏は開発中のiPad版をめくりながら説明してくれた。 「角川ニコニコエースは、角川書
HTML5セクション要素のまとめ (1/5)
「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価：2,808円 （本体2,600円）／形態：B5変 (240ページ) ISBN：978-4-04-866070-9 前回はHTML5のセクションとアウトラインについて詳しく解説しました。今回はセクション関連の新しい要素を解説します。 セクションを明示するための要素 HTML5では、セクションを明示する要素として、section要素／article要素／aside要素／nav要素／body要素が定義されています。 section要素
実例で学ぶjQuery MobileのCSSカスタマイズ (1/3)
jQuery Mobileを利用するとスマートフォンサイトを手軽に制作できますが、基本テンプレートをベースに制作すると「いかにもjQuery Mobileらしい」デザインになってしまい、他のサイトと似通ってしまいます。 そこで今回はjQuery Mobileのテンプレートをフルカスタマイズし、オリジナルデザインのスマートフォンサイトを作成する方法を解説します。サンプルとして、次のようなカタログサイトを制作します。 トップページには新着商品のサムネイル画像が3つ並び、その下にはアコーディオンパネルでニュースを掲載しています。新着商品のサムネイル画像を選択すると詳細ページに遷移し、詳細ページで画像をタップすると画像を拡大して表示します。 HTMLの作成 デザインカンプを元にHTMLを作成します。head要素内は次のように記述します。 ■サンプル1[HTML] <!DOCTYPE html> <
XHTML1.0とHTML5の違いをスタバのページで紹介 (1/6)
「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価：2,808円 （本体2,600円）／形態：B5変 (240ページ) ISBN：978-4-04-866070-9 HTML5と従来のHTML4.01やXHTML1.0との違いは、既存のサイトをHTML5化してみると理解しやすいでしょう。今回は、実在するWebサイトをHTML5に（勝手に）リニューアルしながら、HTML 4.01やXHTML 1.0との違いを解説します。ソースコードだけをリニューアルすることは実務ではあまりないと思い
SEO:「ハイフンとアンダースコアは異なる扱い」 Google Matt Cuttsがコメント
検索エンジンはページの関連性（レリバンシー）判断においてURLの文字列も（マイナーながら）評価対象としているが、文字列の -（ハイフン）と_（アンダースコア、アンダーバー）は同様に扱われるのか、異なるものと扱われるのかという話題は昔からたびたび登場する。 かつては「ハイフンとアンダースコアは異なる、キーフレーズ、複数のキーワードをURLに含める場合は、ハイフンがよい」というのが定説であったが2007年にGoogleが「ハイフンもアンダースコアも同様に扱う、両者に区別はないという説明をした時には大いに注目された。しかしその後、「まだその処理（＝同様に扱う）は行われていない」と1週間後に訂正した。 今回、あらためてGoogleマット・カッツ氏がYouTubeビデオでこの話題に触れたが、なんと「まだハイフンとアンダースコアは同列に扱われていない」とのことだ。つまり、URL内のキーワードをハイフン
ここが変わった！HTML5マークアップ入門 (1/6)
ローソン、無印良品、テレビ朝日など、国内でもHTML5で企業サイトを制作する事例が増えてきました。今すぐではないにせよ、「次のリニューアルはHTML5で制作したい」と考えるWeb制作者も少なくないでしょう。本連載では、「XHTML 1.0/HTML 4.01からの移行」をテーマに、HTML5マークアップの基本から実務で使用するポイントまで、ライブドアのマークアップエンジニア 浜 俊太朗さんが解説します。（編集部） 「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価：2,808円 （
スマホ対応の新潮流「レスポンシブWebデザイン」とは？ (1/3)
スマートフォンの普及を背景に、「レスポンシブWebデザイン」（Responsive Web Design）という制作手法が海外で注目を集めている。レスポンシブWebデザインとはどのようなアプローチなのか？ 実例で解説する。 ウィンドウサイズを基準にデザインを調整 レスポンシブWebデザインとは、デバイスごとに複数のデザインを用意するのではなく、ブラウザーのウィンドウサイズに合わせてデザインをフレキシブルに調整する制作手法だ。モバイルサイトの制作では、デバイスやスクリーンサイズごとにページを振り分ける方法が一般的だが、レスポンシブWebデザインではHTMLはそのままに、CSS3のメディアクエリーを利用してスタイルシートだけでデザインを変更する。 レスポンシブWebデザインは、2010年5月、米国のイーサン・マルコッテ氏によって提唱され、海外では企業サイトを含む多くのWebサイトで採用されてい
スマホサイトを作る前に見たい国内38社の実例 (1/7)
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 好評だった前編に引き続き、Web制作者が見ておきたいスマートフォンサイト（日本語／企業サイト限定）を業種別に分類して紹介する。スマートフォンサイトの制作に入る前にチェックしておこう。
実は重要！ よくわかる電子書籍フォーマット規格!! (1/4)
一口に「電子書籍」といっても、実はそのフォーマット（データ形式）によってさまざまな種類が存在する。そのため、気に入った電子書籍を読む前に、その本がどのフォーマットのものなのか把握して、サポートしている閲覧用ソフト（あるいはハードウェア）を手に入れなければならない。いわば、VHS対ベータ、Blu-ray対HD DVDのような規格争いが電子書籍においても繰り返されており、主流となりそうなフォーマットはどれか、ある程度気に留めておく必要があるのだ。 ユーザーとしては悩ましいところだが、閲覧用端末を数多く売りたいメーカーの思惑、不正コピーは避けたいがより多く流通させたい出版社の本音、場所や時間を気にせず紙同様に楽しみたい消費者の心情、その狭間で落とし所を見つけようという努力の結果が、フォーマットとしての電子書籍だといえる。 電子書籍フォーマットは、いくつかの基準により分類できる。その分類を把握した
バーコードカノジョ、個人情報の扱いで騒動に (1/2)
「カノジョ」に大切なものが盗まれる（26日） 8月の発表から2ヵ月半、iPhoneアプリ「バーコードカノジョ」が26日に配信されたが、あるユーザーがツイッターで「個人情報を抜いている」と指摘。それにプロデューサーが反論するなどして騒動となった。 バーコードカノジョは、iPhoneのカメラでバーコードを撮影すると、画面に女の子のキャラクターを生成するアプリ。キャラクターは商品のバーコードごとに異なり、パターン数は7兆通り。商品を最初に登録した場合、自分の「カノジョ」として登録できる。 ユーザーからは、「カノジョが想像以上にかわいい」「珍しい商品を探したくなる」「楽しい！ でもそんな俺気持ち悪い！」と大好評で、AppStore無料アプリでベスト10に入る人気を集めた。 だが、「このアプリは、メールアドレス、パスワード、Twitterアカウント、位置情報といった個人情報が保存される仕組みになって
古籏一浩のJavaScriptラボ
活躍の舞台をどんどん広げているJavaScript。本連載では、JavaScript関連書の執筆でおなじみの古籏一浩氏が、最新の活用Tipsから今後注目のAjax/JavaScriptライブラリーの解説まで、“楽しくできて役立つネタ”をお届けします。
今さら聞けないIT英語
2008年03月26日 15時20分 ビジネス 第49回 内部統制周辺で見かける「assessment」 assessmentは「査定」「評価」「判定」「意見」などの訳語があり、いまひとつ意味を把握しづらい単語である。しかしエンジニアは、assessmentが登場する英文の文脈から実際の意味するところを把握し、具体的なオペレーションを実行しなければならない場面が多い。 2008年03月17日 19時45分 ビジネス 第48回 エンジニアがデータをやり取りするときの重要単語 データのやり取りを表す英単語には、重要なものが多い。エンジニアとしては、英単語の微妙な違いを理解して、データを正しくやり取りできるようにしたいものだ。 例えばbackupに関連したIT英単語としてrecoverやrestore。これらは日本語的にはともに「再構築する」「復帰する」といった意味を持つ。しかし…… 2008年
作って学ぶスマートフォン対応サイトの基本 (1/4)
iPhone/Android向けサイト制作の基本を学ぶために、今回は実際に手を動かしながら非常に簡単なWebページを作ってみましょう。あわせて、スマートフォンサイト制作に最低限必要な制作環境（エディターとWebサーバー）についても紹介します。 用意するもの1：エディター HTMLを編集するのに必要です。使い慣れたソフトで構いませんが、もしなければ次のようなものを使うとよいでしょう。 ・Em Editor / Windows / 4000円（税込） http://jp.emeditor.com/ ・秀丸エディタ / Windows / 4200円（税込） http://hide.maruo.co.jp/ ・TeraPad / Windows / 無料 http://www5f.biglobe.ne.jp/~t-susumu/library/tpad.html ・JEdit X / Mac /
新聞社が「無断リンク」を禁止する3つの理由
「日本経済新聞 電子版」のリンクポリシーで「リンクをお断りする」場合が列挙され、その中に「個別記事へのリンク」があり、「以上の項目に違反した場合は、損害賠償を請求することがあります」と記載されていることが話題になっている。日本経済新聞社に限らず、他のマスコミ、企業一般の中にも、無断リンクを禁止する旨の「リンクポリシー」があり、20世紀の頃から、Webや技術に詳しいユーザーにとっては格好の話題だ。 アスキー・メディアワークスのリンクポリシーには、「本サイトのトップページ、ならびに本サイト内の各コンテンツへのリンクは、ご自由にご利用ください。弊社の許諾等は必要ありません。」とあり、「あえてはっきり言いたい。馬鹿じゃないの？」とか「完全に時代遅れ」と言われる心配はなさそうだ。とはいえ、「すべての新聞社はリンク自由のリンクポリシーを策定すべし」とも思わない。 今回のコラムはその理由を書こう。日経新
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ASCII.jp：西畑一馬のjQuery Mobileデザイン入門
