Chromeが自動提案！Webパフォーマンス最適化 (1/2)
Web制作の「時短」に役立つChromeデベロッパーツールの活用法を紹介する本連載。第6回は、「Network」パネル、「Timeline」パネル、「Audits」パネルでWebページを高速化する方法を説明します。 KISSmetricsの調査によると、ECサイトではページの読み込みが1秒遅れると、CVRが7%下がります。今回は、ページ表示を高速化するために、Chromeデベロッパーツールでページの読み込みが遅い要因を3つの方法で調査します。 HTTPリクエスト数を疑う ページ表示が遅い原因の一つは「HTTPリクエスト数」です。 HTTPリクエストとは、クライアントからサーバーへの要求のことです。たとえば、画像を表示するとき、クライアントからサーバーに「この画像が欲しい」と要求し、サーバーが画像ファイルを送信するやりとりをHTTPリクエスト、その回数をHTTPリクエスト数と呼びます。 画像
Pythonが最高である3つの理由 (1/3)
Pythonを使ったプログラミングについて、今回から解説します。PerlやRubyと比べると、Pythonは日本ではまだマイナーな印象がありますが、「Google三大言語」（C++、Java、Pythonのこと）のひとつでもあり、Facebookをはじめとしたメジャーなサイトでの事例が急速に増えていることから、日本でも今後普及する可能性が高いです。私が社長をしているゼロスタートコミュニケーションズという会社では、設立当時（4年ほど前）から自社製品にはPythonを使っており、ここ半年間、周囲でPythonを使用しているケースが増えているのは嬉しい限りです。 Pythonに限らず、プログラミング言語が日本で普及するかどうかの鍵を握っているのは、（幸か不幸か）日本語情報の多寡であると思います。Rubyの事情は正直よくわかりませんが、たとえばPerlがこれだけ日本でメジャーになったのは、Perl
iPhoneで「すれ違い」が楽しめるアプリ、Travatar
ワンパクは10日、iPhone/iPod Touch用のアバターコミュニケーションアプリ「Travatar」（トラバター）の提供を開始した（iTunes Storeで見る）。価格は無料。 Travatarは、アバターキャラクター「トラバター」を通じたコミュニケーションアプリ。ユーザーがトラバターの作成を終えると、トラバターはGPSで取得した現在地からGoogleマップ上を移動していく「旅」をはじめる。 自分のアバターキャラクター「トラバター」を作成し、「旅に出しますか？」で「はい」を選ぶと、トラバターがGoogleマップ上を歩き始める。どんな道を通ってきたのか、マップ上で見えるのが楽しい 旅をはじめたトラバターは、旅先のマップ上にいる他ユーザーのトラバターの情報を「すれ違ったトラバター」として獲得する。ユーザーはそのトラバターとコミュニケーションを取れるというもの。 トラバター同士で簡単な
Flash for iPhoneの衝撃 これから何が起こる？ (1/2)
Adobe MAX 2009の様子はアドビのビデオ配信サービス「ADOBE TV」にて確認できる（関連リンク）。英語のみだが、Flash関連を知りたい人は基調講演の「MAX 2009 KEYNOTE - DAY 1」をチェックしてみよう。 マルチタッチに対応したFlash Player MAXにて発表されたFlash Player 10.1 は、モバイル環境で動作する、初の本格的なFlash Playerである（関連リンク）。 従来、モバイル用のFlash Playerには、サブセットである「Flash Lite」が使用されていた。一方、今回のFlash Player 10.1では、PC、携帯電話、ネットブックなどで同じ機能性を実現している。これにより（スペックさえ足りていれば）PCで表示されるものと同一のコンテンツを、携帯電話でも表示できるようになる。 ちなみにFlash Player
ライター・編集・システムの3人で動かす「らばQ」 (1/5)
どんなジャンルにも膨大なサイトが存在する現在のネットで、個人がスタートから即座にブレイクするのは難しい。しかし、2007年に彗星のごとく現れてトップブロガーの仲間入りを果たした希有な例もある。それが、今回インタビューした「らばQ」の3人だ。 らばQは海外情報を中心に1日4記事のハイペースで更新を続けており、現在は月間1400万PVを稼ぐ巨大ブログに成長している。1回のメンバー変更を経て、法人化しないまま現在の3人で運営を継続中だ。その順調すぎる成長ぶりはチームブログのひとつの成功例といえるだろう。 顔の見えるインターネット 第55回は、そんならばQの3人――ぜろんぱ氏とらば氏、こうし氏への取材を通して、チームブログの強みを発揮するコツを見いだしてみたい。 2007年6月スタートのブログで、海外情報からITネタまでノンジャンルで扱っている。2009年8月現在のユニークユーザー数は約250万／
Googleマップ待望の新機能「ルート案内API」の使い方 (1/3)
6月19日、Googleマップ日本語版に「ルート案内API」が追加されました。ルート案内APIを使うと、設定した出発地から目的地までの経路を地図上に簡単に表示できます。 たとえば、企業のWebサイトに最寄駅から自社までの道案内を掲載したり、観光名所を巡るツアーガイドのサイトを作ったりと、さまざまな利用が考えられます。もちろん静的なWebページだけでなく、ユーザーが入力した出発地点から目的のお店までの行き方を検索する、といったWebアプリケーションにも活用できます。 ルート案内APIの基本的な使い方 ルート案内APIの基本的な使い方を手順を追って紹介しましょう。 1. APIを使う準備をする Google Maps APIにはVer 2.xとVer 3がありますが（関連記事）、ルート案内APIはVer 2.xの最新版で使用できます。Ver 2.xの最新版を使うには、HTMLに以下のタグを追加
すぐ試せる！カンタンLPO実装法 (2/2)
検索キーワードに応じてページを書き換えるシンプルなLPO リファラーの取得方法について確認したところで、ごく簡単なLPOのサンプルを紹介しましょう。ここで紹介するのは、あらかじめ決めておいた任意の検索キーワードが含まれていた場合に、キーワードに応じたコンテンツを表示するシンプルなプログラムです。動的にページを生成させるために、今回はPHPを使ってみました。 では、実際のコードを見てみましょう。 <?php // 文字コードはUTF-8に define("CHARACTERSET","UTF-8"); function keyword($linkurl) { // リファラから検索エンジンごとにキーワードをデコードする処理 //もしgoogleからのリファラだったら if (strpos($linkurl,".google.")) { $str = eregi_replace(".+q=([
Twitter活用ツールのオススメはコレだっ！【Mac／iPhone編】 (1/4)
140字の投稿（発言）で「今、どこで何が起きてるか」を共有する、ミニブログサービス「Twitter」。 大勢のユーザー同士がコミュニケーションをとる際、そのリアルタイム性はどんなサービスの追随も許さない。特にイベントやカンファレンス、スポーツの実況中継など、現場の熱気や温度感を伝えるにはうってつけのサービスだろう。 だが、そのコミュニケーションを100％楽しむためにはブラウザー上のやりとりだけでは限界があり、やはりクライアントソフトなどの活用ツールが必須だ。 前回はWindows用のおすすめツール4種類を紹介した。今回はMac OS用、iPhone用のツールをそれぞれ紹介しよう。あふれる情報の多さに振り回されず、かしこいTwitterライフを送ってほしい。 Mac OS編 ショートカットキーでサクサクつぶやくなら Hummings Hummingsは、ほとんどの操作をショートカットキーのみ
厳選iPhoneアプリ 徹夜必至のおもしろパズル10選 (2/4)
カリー：アクションパズルと言ったら、「Flight Control」もiPhoneユーザーの間ですごく話題になりましたよね（iTunes Storeで見る）。 ニッシー：画面端から飛んでくる飛行機をドラッグして、同じ色の滑走路に着陸させるというゲームですよね。 カリー：うん。これがまた、飛行機の数が増えるとうまく誘導するのが難しいんだよなぁ。すぐに飛行機同士がぶつかって、ゲームオーバーになってしまう。残機とか、そういう概念がないシビアなヤツだからなぁ。 トシロ：Flight Controlはすごくやり込んだね。最高スコアが120超えたもん。 カリー：スゴい（笑）。俺は30台であきらめましたよ。 マッチョ：120ってどのくらいすごいんですか？ トシロ：飛行機が8機くらい出てくるから、ものすごく忙しくなる。 カリー：うまく誘導するコツって何ですかね？ トシロ：一番見ているのは、飛んでくる速度が
iPhoneでメロトロンが弾ける「マネトロン」作者に聞く (1/3)
―皆さん。ここからリヒャルト・シュトラウス「ツァラトゥストラはかく語りき」の序奏を脳内再生してください― パソコンもデジタル録音機材もなかった1960年代初頭。人類はすでにサンプリングキーボードの量産体制を整え、来るべき時代の準備をしていた。 そのキーボードの名をMellotron（メロトロン）と言う。 テーププレイバック式キーボードとも言われるその中身には、磁気テープと再生ヘッドが、まるでピアノのハンマーと弦のように並んでいた。キーボードを押すとテープが引き出され、再生が始まる。この楽器が奏でるのは磁気テープに入った音であり、磁気テープに録音できるものなら何でもキーボードで弾けた。 ザ・ビートルズの「ストリベリー・フィールズ・フォーエバー」、キング・クリムゾンの「エピタフ」、ローリング・ストーンズの「2000光年のかなたに」……。この楽器による名演、名曲は枚挙に暇がない。特に独特の陰影を
けいおん！人気で業界騒然、左利き用ベース2年分を追加発注 (1/4)
sponsored 生成AI「Box AI」を組み込んだBoxの将来像も披露、「BoxWorks Roadshow Osaka 2024」レポート 大阪ガス、豊中市も登壇 西日本に注力するBoxが大阪で大型イベント開催 sponsored MSIのNUC「Cubi NUC 1M」を徹底レビュー NUCはどれも同じではない！ちょっとした違いなのに大きく影響するポイントを見逃さずに選ぼう sponsored 浄土真宗親鸞会がネットギア「M4250」を導入、能登半島地震では「機動力の高さ」が生きる 大規模イベントの“ワンオペ映像業務”、実現したのはNDIとネットギアPro AVスイッチ sponsored JN-IPS238FHDR-C65W-HSPなら直販価格2万2980円 昇降式スタンドとUSB Type-C給電は後悔しないディスプレー選びの新要件！ 2万円台前半でも探せばある sponso
絶対入れたいFirefoxアドオン最強50選 (2/6)
「タブバーを何段まで表示するか」、「表示中のタブを閉じたあと、どのタブを表示するか」など、タブの表示／操作方法をこれでもかと細かく調整できる。ほかのブラウザーから乗り換えても、設定次第でほぼ違和感のないタブ挙動を実現できるはずだ。 ■ FireGestures マウス操作でさまざまなFirefoxの機能を呼び出せる、マウスジェスチャーアドオン。たとえば右クリックしながらカーソルを「上、右」と動かせば、次のタブに表示をすぐ切り替えられる。機能に対応するコマンドは自由に変更可能だ。 ■ Japanize 海外サイトのメニューなどを自動で日本語化する。対応サイトは「Flickr」など900以上あり、現在も増加中だ。海外サービスで使い方が分からず右往左往した経験があるなら、導入しておいて損はない。 ■ IE Tab
Amazonと楽天のアフィリエイトを効率化するjQuery技 (1/5)
書評サイトやDVDレビューサイトなど、特定の商品を紹介するWebサイトを運営しているなら一度は検討したいのが、アフィリエイト広告の掲載です。個別の商品を紹介しているページからショッピングサイトに当該商品ページへアフィリエイトリンクを張れば、ユーザー（読者）は商品をすぐに購入できるようになり、サイト運営者はその分の報酬（紹介手数料）を手にできます。 たとえば、多くの映画ファンが集うコミュニティサイト「映画生活」では、すでにDVDになっている映画作品のページにAmazon.co.jpと楽天ブックスへのアフィリエイトリンクを設置しています。今回は、この映画生活のサイトと同様に、サンプルの書評サイトにアフィリエイトリンクを付けてみます。 今回のお手本サイト：『映画生活』 ユーザーによるレビュー、掲示板などのコミュニティ機能に強みを持つ総合映画情報サイト。1999年に個人サイトからスタートし、200
Yahoo！の流れるパネルをJSライブラリで再現 (1/5)
日本最大のポータルサイト「Yahoo！ JAPAN」のトップページがリニューアルしたのは、2008年1月のこと。従来の2カラムから3カラムのレイアウトに変わり、世界各国のYahoo！に合わせる形でデザインも一新されました。同時に行なわれたのが、ユーザーインターフェイス（UI）のリッチ化です。新しいYahoo！ JAPANのページには、タブ／アコーディオンパネル／フローティングウィンドウなど、ここ数年のトレンドであるAjaxを使ったUIが随所に盛り込まれています。 こうした流れは、トップページだけではありません。リニューアルと前後して、Yahoo！ JAPANではさまざまなサービスのUIの改善が実施されています。今回はその中のひとつ、「Yahoo!知恵袋」に注目してみましょう。今年2月にリニューアルされたばかりのこのQ＆Aサービスの新しいトップページが、今回のお手本です。 今回のお手本サイト
ASCII.jp：これぞ完璧企画書――「1枚企画書」パターン実例3題 ｜パワポで極める「ビジネス極意」
本連載では、竹島愼一郎氏が提唱するインパクト抜群の「1枚企画書」をPowerPointで作る手順を全5回で紹介します。社会人になったらWordやExcelだけでなくPowerPointも使いこなせなくては、社内や取引先でのプレゼンに勝ち抜けません。しかし、ただ単に企画書をPowerPointで再現しただけでは、印象に残るプレゼンにはほど遠く、居眠りを誘う会議になってしまうことでしょう。 「1枚企画書」の最終回として、本書が出版に至った企画書の実例を含む、「プレゼン力の高い企画書」を3種類ご紹介します。実際の成功事例を踏まえてPowerPointをフル活用すれば、皆さんの仕事もきっと成功に近づくはずです。 ※本記事は「ビジネス極意シリーズ パワポで極める1枚企画書」から一部抜粋し、編集・再構成したものです。 Table of Contents プレ企画書1――飽和市場の「新商品企画書」 ■
夏の50連発!! これが定番iPhoneアプリだ（前編） (1/5)
iPhoneの発売と一緒にオープンしたiTunes Storeの「App Store」。さまざまなサードパーティー製アプリを組み込んで、iPhoneを自分好みにカスタマイズできるとあって、あれこれ試してみた人も多いだろう。 今回はヘビーにiPhoneを使い込んでいるライター/編集者にアンケートを取り、実際に使っていたアプリの中から魅力あふれる50本を厳選。「ネット」「音楽・画像」「情報管理」「ゲーム」「その他」の5ジャンルに分けて紹介していく。前編では、以下にズラリと並んだ27個を取り上げよう（アイコンのクリックでソフト紹介に飛びます）。ソフトのインストール方法などを紹介したこちらの記事と合わせて、ぜひiPhoneをフル活用してほしい。 ※初心者向けのiPhone記事をこちらで連載しています。 ネット
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
