jQueryとは――Webデザイナーから見た魅力 (1/3)
Webデザイナーさん、（X）HTML／CSSコーダーさん、マークアップエンジニアさん、お待たせしました。Web制作者のためのjQuery入門が始まります。 本連載では、現役Webクリエイターの西畑一馬氏が、人気のJavaScriptライブラリ「jQuery」を使ったリッチなUI（ユーザーインターフェイス）の作り方を解説します。プログラムの基本的な書き方の説明から、実務で使えるサンプルの紹介まで。目指すは「Webデザイナーが最短距離でjQueryを使えるようになること」です。 jQueryをマスターすれば、たとえば「このタブパネルの向きを変えてほしいんだけど……」といったクライアントのわがままにもスピーディーに応えられるようになります。仕事の幅をぐっと広げるきっかけに、本連載をお役立てください。 （編集部） 圧倒的人気を誇るJavaScriptライブラリー「jQuery」 ここ数年、「pro
初めてのjQuery：セレクターAPIを一挙解説（後編） (1/5)
（前編からの続き） 4．CSSの属性セレクター jQueryは、CSSの属性セレクターの多くにも対応しています。属性セレクターとは、要素の持つ属性の条件で絞り込めるセレクターです。[...] の内側に属性の条件を記述します。 ■[attribute] 特定の属性を持つ要素を指定できるセレクターです。 ▼サンプルコード（HTML部分） <ul> <li id="first">テキストテキストテキストテキストテキスト</li> <li class="second">テキストテキストテキストテキストテキスト</li> <li id="third">テキストテキストテキストテキストテキスト</li> <li class="fourth">テキストテキストテキストテキストテキスト</li> </ul> ▼サンプルコード（スクリプト部分） $(function(){ $("[id]").css("co
JSONP×jQueryでヤフオクAPIを活用しよう (1/2)
ネットを使って自社製品を販売したいけど、本格的なECサイトを立ち上げるほどではない。なるべく低コストで済ませたい――そんなときにも使えるのが、おなじみの「Yahoo！ オークション（ヤフオク）」です。今や個人だけでなく、数多くの企業がヤフオク経由でさまざまな商品を販売しています。 せっかくヤフオクで商品を販売するなら、自社のWebサイトにも出品情報を表示したくなります。Yahoo!オークション用に提供されているAPIを使うと、オークションに出品中の商品の情報を取得して、他のWebサイトやアプリケーションに比較的簡単に利用できます。JavaScriptを使って、ヤフオクに出品中の商品情報を自社のWebサイトで表示する方法を紹介しましょう。 APIを使うための準備をしよう プログラムを作る前に、APIを利用するための準備をします。 1．アプリケーションIDの登録 Yahoo!デベロッパーネット
jQueryのダウンロードとインストールのチュートリアル (1/3)
※この記事は「Web制作の現場で使えるjQuery UIデザイン入門」の第2回です。これまでの記事（連載インデックス）も合わせてご覧ください。 jQueryは、MITとGPL licensesのデュアルライセンスで公開されているので、ライブラリー中の著作権表示さえ消さなければ、商用・非商用を問わず誰でも自由に利用できます。今回はjQueryを利用するための準備として、ライブラリーのダウンロードと設置方法を紹介しましょう。 jQueryをダウンロードする jQueryをWebサイトに導入する方法はいくつかありますが、最もポピュラーなのは、公式サイトからライブラリー本体（JSファイル）をダウンロードし、サーバーにアップロードして利用する方法です。 jQueryをダウンロードするには、公式サイトのトップページにある「Download(jQuery);」ボタンからGoogle Codeに移動し、「
Twitter活用ツールのオススメはコレだっ！【Windows編】 (1/4)
短い文章を投稿し、ユーザー同士で閲覧しあうサービス「Twitter」。 好きなときに好きな文章（つぶやき）を書き込むだけのサービスだが、チャット（メッセンジャー）よりも広い範囲の相手とやりとりでき、ブログよりも手軽に書き込めるという特性から、日本でもユーザーが拡大しつつある。 現在では単なる日常の「つぶやき」だけでなく、企業や政治家の広報活動や、ジャーナリストの情報発信などにも使われるようにもなってきた。 ウェブサービスであるTwitterは、基本的にはブラウザでアクセスして利用することになっているが、使いこなすためには発言の読み書きを補助したり、ユーザーや発言を整理してくれたりするツールがあると便利だ。そこで今回はWindowsで使えるTwitter用おすすめツールを紹介しよう！ Twitterを最大限に活用するなら 多機能な「Tween」 最初に、Twitterクライアント「Tween
ASCII.jp：TCP/IPの基礎の基礎を理解していますか？｜TCP/IPまるわかり
インターネットは、TCP/IPというプロトコルを基盤とするコンピュータネットワークである。これからTCP/IPについて復習していくわけだが、まずは基礎的な用語とその概念を復習しよう。 インターネットを支えるTCP/IP いまやインターネットは、テレビや電話、新聞などと並ぶメジャーな媒体に数えられるようになった。この巨大なインターネットを下から支えているのが「TCP/IP」と呼ばれるプロトコル群である。 そもそも「プロトコル（protocol）」とは、ものごとの作法や手続きを明示的に取り決めて文書化したものだ。特にコンピュータネットワークの世界では、コンピュータ同士のデータのやり取りの方法を厳格に定めた規格（規約）のことを指す。コンピュータはプログラムに従って動作する機械であるため、厳密な取り決めがなければ複数のコンピュータを協調して動かすというのは難しい。 TCP/IPも、そのようなプロト
ASCII.jp：ブラウザとサーバは何をやりとりしているの？｜WWW完全制覇
多種多様なWebコンテンツをやりとりするためのプロトコルがHTTPである。やりとりはシンプルながらも、豊富なメッセージヘッダを用いて、さまざまな通信制御が実現されている。また、SSLやCookieを使うと、より高度な個人情報管理もできるのだ 今も変わらず使われるHTTP Webでは、WebブラウザがWebサーバにリクエストを出して、Webサーバがそのリクエストに応じたコンテンツを返すというやりとりで成立している。これを実現しているプロトコルが、HTTPである。 ここまで見てきた通り、WebではWebブラウザやWebサーバも着実に進化している。また、やりとりするコンテンツに至っては静的なHTMLから、拡張性の高いXMLやスクリプト、さらに動的なアプレットやRIAといったコンテンツへ大きく移り変わった。しかし、プロトコルに関してはずっとHTTP 1.1を使い続けている。もちろん、HTTPに弱点
Ad Plannerは使い方しだいで最強ツールに！ (1/3)
Web業界に衝撃を与えた、グーグルの出稿計画支援ツール「Google Ad Planner」。先週公開した記事（関連記事）にはこの週末、さまざまな反響が寄せられた。 Ad Plannerはこれまでの広告主／代理店／媒体社の関係を変える可能性を秘めた破壊的なツールだが、当然ながら広告代理店業の存在を否定するものではない。むしろ、中小代理店の営業担当者が、費用をまったくかけずに広告主の意向に沿った適切な媒体を調査・選定できる強力な助けにもなるはずだ。 今回は意外にも多かった「使い方がイマイチよく分からない」という声に応え、Ad Plannerの簡単な使い方を紹介する。 はじめて使う「Ad Planner」 まず、Google Ad PlannerのトップページからGoogleアカウントでログインする。初めて利用する場合は利用規約が表示されるので、一通り目を通して「I accept the te
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
