iPhoneのGPSをJavaScriptで操ろう (1/6)
JavaScriptの利用範囲がどんどん広がっています。ライブラリの充実によって、比較的手軽にいろいろなことができるようになり、Webサイト／Webアプリケーションだけでなく、今やモバイルデバイスやデスクトップアプリケーションなどの分野でもJavaScriptが活躍するようになりました。 本連載では、多数のJavaScript関連書やASCII.jpの連載「29分でできる！あのサイトの技を盗め」の執筆でもおなじみの古籏一浩氏が、最新のAjax/JavaScriptライブラリの解説から、今後注目される新しいJavaScriptの活用Tipsまで、“楽しくできて役立つネタ”をお届けします。 初回は「iPhone 3GS」に合わせてリリースされたiPhone OSの新バージョン「iPhone OS 3.0」がテーマです。iPhoneならではのGPS機能をSafariのJavaScriptで活用す
「100円でも送料無料」繁盛店に学ぶ非常識なメール術 (1/3)
昭和22年、木製ハンガーの製造卸を長塩産業株式会社を設立。ネットショップは、2001年楽天市場にて開業。ハンガーやその関連商品、メンテナンス商品等を扱う。2007年10月、月商4000万円を突破。現在、ネットショップ事業は、長塩さんを入れて3名が行なっている。 URL：http://www.rakuten.co.jp/nagashio/ 店主：長塩康正さん 懸賞目当ての人を、”メルマガの力”で顧客に結びつける！ 小規模ネットショップでも有料広告の出稿を視野に入れる必要がある点については前回j述べた通りですが、出稿するだけで売り上げに結びつくわけではありません。出稿後、いかに興味を惹かせ、「買いたい！」と思わせるサイト作り、メルマガ作りができるかが問われます。ハンガー専門店の『ハンガーのながしお』は、メールアドレスを取得できる懸賞関連の広告をメインに出稿しましたが、集めたメールアドレスをフル
29分でできる！ あのサイトの“技”を盗め
「プロが作ったWebサイトのあの“技”をウチのサイトでも（それもタダで）マネしたい！」――。そんな欲求に応えてくれる JavaScriptライブラリ／フレームワークが、ネット上にはたくさん公開されています。この連載では、国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンに、手間をかけずに自分のWebサイトをブラッシュアップしていく方法を紹介します。
普通のtableタグを1行で動く表にするJSライブラリ (1/5)
大量の情報を分かりやすく一覧で見せたい。そんなときには、やはり「表（テーブル）」をうまく使いこなしたいもの。罫線やセルの色分け、文字サイズの調整などを調整して見やすくデザインすることはもちろんですが、同時に、ユーザーが求める情報を的確に、分かりやすく表示する仕掛けがあるといいでしょう。 ヤフーが運営する「Yahoo！不動産」は、ユーザーの操作によってテーブルを分かりやすく表示するユーザーインターフェイスが参考になるサイトです。単なる見た目の装飾ではなく、実際に使い勝手を向上させるためにAjaxを活用した好例と言えるでしょう。 今回は、このYahoo！不動産をお手本に、Webサイトのブラッシュアップに取り組みます。 今回のお手本サイト：『Yahoo！不動産』 ヤフーが運営する不動産総合情報サイト。日本全国の売買／賃貸物件の情報が大量に掲載されており、「写真掲載の有無」「部屋の広さ」といったさ
プロの犯行現場｜美少女イラストをSAIで描く【線画編】 (1/5)
先生すいません、編集長のムチャ振りに 答えていただけませんか…… ニコニコ動画の人気タグの1つに「ニコニコ動画講座」がある。 講座として教えているのはGoogle検索の裏技から腹筋の方法まで幅広いジャンルだが、とりわけ人気なのがCGの描き方。その中でもトップクラスの人気を誇るのが「初音ミクが可愛すぎるので描いてみた」だ。そのクオリティの高さに「プロの犯行」ともタグが付けられている。 この動画を投稿しているのは同人作家として活躍する網野コハクさん。初音ミクをモデルにした同人ゲーム「未来のキミと、すべての歌に」の企画・原案を担当するなど多才な能力を発揮している。 しかしこの動画、見ていればある程度の流れは分かるのだけど、なにせ収録時の33倍速で再生されている。ササッと手早く何かをされてしまうと、「あれ、今何やったんだ？」と思うこともしばしばだ。 同僚とそんなことを話していると、編集長がちょいち
ニコ動で英語学習？ 学習SNS「smart.fm」がすごいことに (1/2)
「学び」をテーマにしたSNS「smart.fm」が面白い。smart.fmは、英語学習サイト「iKnow!」として2007年10月にオープンしていたSNSが今年3月にリニューアルしたものだ。 smart.fmの特徴は、単語や例文、写真や音声などを元に「リスト」と呼ばれる学習用プログラムを作成／閲覧できること。たとえば覚えたい英単語を登録しておくことで「オリジナル単語帳」を作ることができる。 また英語だけではなく「星座の写真」と「星座の名前」を登録して「星座の名前を覚える」リストなども作成可能だ。自分で作るだけではなく、他のユーザーが作成したリストを閲覧（登録）して、学習することもできる。 リスト右上のボタンから学習専用のウェブアプリケーションを起動することで、クイズのように選択肢から回答を選んだり、英単語をタイピングしたりといった学習ができるようになっている。
QRコードを集客ツールにする「QRJumps」
グーグルを筆頭とするさまざまな企業が、無料で使えるWebマーケティングツールを提供している。SEO／SEM、LPO、アクセス解析ツールなど、ネットショップやプロモーションサイトを運営しているなら、使わない手はない。“使えるツール”だけを全部で30本、月曜～金曜日までの毎日1本ずつ紹介する。 ⇒ラインナップ一覧へ ケータイ向けサイトを開設したら最初にやりたいことのひとつが、QRコードの作成だ。外回りの営業マンなら名刺に、飲食店ならチラシに、URL代わりにQRコードを刷り込めば、ケータイサイトを開設していることのアピールになるし、サイトへアクセスしてもらいやすくなる。ほとんどの携帯電話がQRコードの読み込みに対応している今、QRコードの活用はケータイサイトを運営する上で最低限の集客手段といえる。 QRコードを作成できるフリーソフトやWebサービスは山ほどあるが、中でも米QRJumps.comが
67歳の美少女ゲームメーカー社長に話を聞いた (1/3)
先日Twitter界隈で知ったところによると、美少女ゲームメーカーの社長をやっているHal氏のブログ「ハルだから…… [Hal Dakara...]」が面白いと評判だとか。 紹介欄によれば「1941年9月15日生まれエロゲ会社社長(満67歳)」って、ええぇぇぇ！ 戦中生まれでエロゲ会社の社長って！ その上、そのゲーム制作会社「スタジオパンドラ」の美少女ゲームブランド「Lost Script」は、なんと筆者も好きでプレイしていた「蠅声の王」を生み出したブランドだったんです。 このゲーム、前々回に「世界で人気のRPG、ダンジョンズ&ドラゴンズ作者死去」で触れたゲームブックの要素を取り入れたことが美少女ゲーマーの間で話題になったもの。まさかあれを作っていたのが還暦過ぎのおじいさんだったとは！（Halさんごめんなさい） しかもブログを読むと「ひぐらしのなく頃に」「同級生」などの有名タイトルがポンポ
ASCII.jp：黒船Google汐留沖に出現でWeb広告業界に激震！ PVもUVもユーザー属性も比較できる「Ad Planner」
Web業界に衝撃を与え続けてきたグーグルが、Web広告業界のビジネスの根幹を揺らがしかねないとんでもないツールを公開している。大手サイトのユニークビジター（UV）/ページビュー（PV）から、ユーザーの学歴や世帯収入といった属性まで丸見えにしてしまう「Google Ad Planner」だ。いったいどんなツールなのか。 「公称値」と「Google調べ」が比べられることに 「Google Ad Planner」は、Webニュースやポータルサイトなどへの広告出稿を検討している企業（広告主）の出稿計画をサポートするツールだ。昨年6月、米国でのサービス提供当初は招待制のクローズドなサービスで、日本のWebメディアは未対応だったため、国内のニュースサイトは簡単に紹介した程度だった。しかしその後、対応する国が増え、現在では日本のWebメディアにも対応、ユーザーインターフェイスは英語だが、Googleアカ
グーグル製多変量テストツール「オプティマイザー」
グーグルを筆頭とするさまざまな企業が、無料で使えるWebマーケティングツールを提供している。SEO／SEM、LPO、アクセス解析ツールなど、ネットショップやプロモーションサイトを運営しているなら、使わない手はない。“使えるツール”だけを全部で30本、月曜～金曜日までの毎日1本ずつ紹介する。 ⇒ラインナップ一覧へ Webページに表示するテキストの内容や、レイアウト、配色、画像と文字の割合などを改善することで、商品の購入や資料請求といったコンバージョンは高められる。たとえば、ネットショップなら見出しや画像をちょっと替えたら急に商品が売れ出した、資料請求フォームの送信ボタンのラベルを変更したら申し込み件数がアップした、といった経験がある方は少なくないだろう。 従来、こうしたWebサイトの改善作業は、Web担当者やネットショップオーナーの過去の経験に頼ったり、試行錯誤を繰り返したりしながら「正解」
ASCII.jp：Googleマップ＋jQueryで作るAjaxなデザイン｜29分でできる！ あのサイトの“技”を盗め
今やさまざまなWebサイトで使われ、すっかり地図の定番となったGoogleマップ。 コーポレートサイトや飲食店のサイトなどで、純粋に案内図としてページに埋め込むのが一般的ですが、中にはもっとおもしろい使い方で、ユーザーを楽しませているサイトもあります。 一例として、「hitotoki」というWebマガジンを紹介しましょう。hitotokiは、ある特定の場所に関するショートストーリーを地図と絡めて紹介するWebマガジンです。Googleマップをまるで独自に描いた絵地図のようにうまくサイトになじませ、「地理と文学を結びつけた町の文学地図」というコンセプトに合わせて効果的に活用しています。 今回は、このhitotokiのGoogleマップ活用法をお手本としましょう。 今回のお手本サイト： 『hitotoki―町の文学地図』 「場所」にまつわる読者の思い出を募り、地図と写真とともに紹介する投稿型の
Ad Plannerは使い方しだいで最強ツールに！ (1/3)
Web業界に衝撃を与えた、グーグルの出稿計画支援ツール「Google Ad Planner」。先週公開した記事（関連記事）にはこの週末、さまざまな反響が寄せられた。 Ad Plannerはこれまでの広告主／代理店／媒体社の関係を変える可能性を秘めた破壊的なツールだが、当然ながら広告代理店業の存在を否定するものではない。むしろ、中小代理店の営業担当者が、費用をまったくかけずに広告主の意向に沿った適切な媒体を調査・選定できる強力な助けにもなるはずだ。 今回は意外にも多かった「使い方がイマイチよく分からない」という声に応え、Ad Plannerの簡単な使い方を紹介する。 はじめて使う「Ad Planner」 まず、Google Ad PlannerのトップページからGoogleアカウントでログインする。初めて利用する場合は利用規約が表示されるので、一通り目を通して「I accept the te
アナログマ、なぜかiPhoneに上陸
ネットの一部で話題の「アナログマ」をフィーチャーしたアプリ。画面をタップすると「クマー」「あばばばばば」「シカとは違うのだよ、シカとは…」といったコメントが右から左に流れる。なお、右下のクマアイコンをタップするとオートモードになり、ひたすらコメントが画面上を流れ続ける。
衝撃！ アキバの老舗喫茶店「古炉奈」が6月に閉店
sponsored 超高リフレッシュレートのゲーミングディスプレーって体感できるの？ 500Hzの液晶はどれ？144～500Hzの中からVALORANTのプロに見極めてもらった sponsored MSIがビジネス向けPRO Seriesの4K・IPSモデルを発売 27インチ4Kディスプレー「PRO MP273U」が3万円台、PIP/PBP機能で作業の合間にPS5もプレーできる sponsored JN-MD-IPS13U2KPをレビュー 2160×1350ドットのキックスタンド式13型16：10モバイル液晶が2万円台、もうこれ買いますわ sponsored 2024年4月に新キャンパスへ移転した静岡デザイン専門学校は、最新設備を備えた実習室とMSIのノートPCで学生の実践力を養成 sponsored 部屋が狭い日本家屋仕様になったピラーレスケース、自作初心者にもオススメ！ ピラーレスだが
iPhoneでもTime Machineでも使えるNAS 「LS-CL」 (1/2)
【SPEC】 開発／販売元●バッファロー 価格●2万2050円（500GB）、2万4360円（640GB）、2万9925円（1TB） http://buffalo.jp/ 対応システム●Mac OS X 10.3.9以上（Leopard対応） インターフェース●1000Base-T サイズ●幅45×奥行き156×高さ175mm 重さ●約1.1kg 【COMMENT】 1TBのNASが約3万円という手ごろな価格で手に入る。Bonjour機能対応なので、Macなら接続するだけで利用でき、使いやすい 「LS-CL」シリーズは、ネットワーク接続タイプのHDD（NAS）だ。サイズは幅45×奥行き156×高さ175mmで、コンパクトに設置できる。 インターフェースは1000Base-T対応 Ethernet端子。ルーターに接続すればLAN内で共有できるほか、マシンのイーサネットポートに直接接続しても使
ニコ動とJOYSOUNDで変わる、ネット時代のカラオケ (1/3)
初音ミク、東方アレンジ――「神曲」が歌えるカラオケ エクシングが運営する業務用通信カラオケ「JOYSOUND」がネットで盛り上がりを見せている。 初音ミクなどボーカロイドソフトを使った楽曲、同人サークル「上海アリス幻樂団」制作によるシューティングゲームの楽曲をモチーフにした「東方アレンジ」と呼ばれるシリーズなど、ニコニコ動画で「神曲」と呼ばれる人気曲が続々と配信されているのが大きな理由だ。 配信楽曲を数字で見てみると、ボーカロイド系の楽曲で配信しているのが129曲、これからの配信予定が決まっているものが42曲。同じく東方アレンジ系では配信中のものが118曲、配信予定が18曲という業界最多の採用数を誇る（2009年4月27日時点）。 90年代、J-POP全盛期に爆発的に流行し、楽器を使わずに誰もが「歌える」ものとして文化を作ってきたカラオケ。それが今「ネット」という存在に出逢ったことで、新し
これは便利だ！Excel→Table化するjQueryプラグイン
Webページに掲載する面倒な表（テーブル）の作成を楽にしたい――。以前、本サイトではExcelファイルを簡単にHTML（Tableタグ）に変換するExcelアドイン「XLS2HTMLTable」を紹介した（関連記事）。XLS2HTMLTableはとても便利なツールだが、それでも表が大量に必要な時にはやはり手間がかかる。 今回はさらに楽をできて便利なアイテムを紹介しよう。それが、CSVファイル（カンマ区切りテキスト）を読み込み、Tableに整形して表示するJavaScriptライブラリ「jquery.csv2table.js」だ。 JavaScript関連の著書も多い高橋登史朗氏が作った「jquery.csv2table.js」は、名前のとおりjQueryのプラグインとして動作するもので、HTMLにわずか数行のスクリプトを書き加えるだけで使える手軽なライブラリだ。さっそく実際にjquery.
Flash不要！JavaScriptで派手なWebデザイン
ブラウザーいっぱいに広がる鮮やかなグラフィック。フェードインでゆっくりと出現する写真画像。スクロールしながら画像に重なっていく半透明のテキストボックス――思わず見とれてしまう、キャンペーンサイトなどでおなじみの“派手なWebサイト”は、フルFlashが一般的だ。「Flashはよく分からないし、そもそもオーサリングツールもない」という個人サイトの制作者はあきらめるしかなかった。 パリ在住のフリーコンサルタント／Webデザイナー「Sebcreation」のWebサイトは、そんな常識を打ち破ることに挑戦している。まずはトップページを見てみよう。 おなじみのローディングアイコン、上下右左から次々とスライドしてくる半透明のテキストボックス……といったダイナミックなデザインに、「またFlashか」と思わずつぶやいてしまうかもしれない。ところがSebcreationでは、アニメーション／エフェクト処理を
Webデザイン劇的ビフォーアフター09年春版 (1/4)
この4月、新しい事業年度のスタートに合わせ、各社のWebサイトが相次いでリニューアルした。ここでは、3月下旬～4月にかけて大規模なリニューアルを実施したWebサイトを編集部でピックアップし、リニューアル前後の画面写真付きで紹介する。最新の企業サイトのトレンドをつかみ、自社サイトのリニューアルの参考にしよう。 マイクロソフトが運営するポータルサイト「MSN」は、2008年4月以来ほぼ1年ぶりにトップページをリニューアル。「毎日使いたくなるMSN」（マイクロソフト）を目指し、使い勝手を高めた。 3カラムのレイアウトは従来のままだが、それぞれのカラムの役割を明確にし、各カラムに入る要素を分類、整理している。具体的には、左カラムにHotmailの受信状況や天気などを確認できる個人ツール類を、中央カラムにニュースなどの最新情報を配置。ディスプレイ広告や企画広告への誘導はすべて右カラムに集約した。 ま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tumblr中毒者は必携!? iPhone用「tumbladdict」
