注目のセミナー

申込受付中!

危機に強い
プロマネ養成
実践トレーニング

火消しのプロが、 実践演習と個別の メンタリングを通じ、 強いPMを2ヵ月で育成!

ソフト開発

マークアップ・エンジニアたちのTips

ITpro

第2回 マークアップ・エンジニアのJavaScript入門 - 配列を理解する

2009/09/30
株式会社まぼろし
株式会社まぼろし 2008年8月設立。アクセシビリティ,ユーザービリティ,CMSの導入,SEO/SEMといったWebサイト制作から,ROIを意識したブランディング,ソーシャルメディアを用いたユーザーとのコミュニケーションの最適化など,マーケティング活動までを手がけるクリエイティブユニット。

 はじめまして,井上と申します。制作会社でマークアップ・エンジニアとして勤務しています。実は,プログラムは苦手です。既存のJavaScriptを少しカスタマイズ出来る程度なのです。

 私のように,マークアップ・エンジニアでありながら,「JavaScriptが苦手」というかたは多いのではないでしょうか。それでも画像のロールオーバー時のインタラクション作成や,cookie制御など,何かとJavaScriptを使用する機会はありますよね。「自分で書けるようになりたい!!」と常々思っていたところ,JavaScriptの勉強会で,こんな練習問題に出会いました。

[練習問題]
「JS_practice.zip」の中に,「www.html」というHTMLが入っています。このHTMLの文中,全「p」要素の中の,「www」「WWW」「ウェブ」というテキストだけに,jQueryを使ってcssで背景色を付けてください。
(編集部注:www.htmlは,ウィキペディアのWorld Wide Webの項目のHTMLファイル。「www」「WWW」「ウェブ」という単語が頻出します)

 今回は私がこの問題に取り組んだ過程を紹介します。

>> 配列についての復習
次ページ以降はITpro会員(無料)の方のみお読みいただけます。
会員の方は、 ログインしてご覧ください。
まだ会員でない方は、ぜひ登録(無料)していただき、ITproの豊富なコンテンツをご覧ください。

この記事に対するfacebookコメント

nikkeibpITpro

読みましたか? 〜 未読記事をご紹介