絶対見ておきたい有名企業のスマホサイトまとめ (1/5)
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。
ASCII.jp：jQueryによるLightbox風モーダルウィンドウの作り方｜Web制作の現場で使えるjQuery UIデザイン入門
HTMLとCSSによる表現を考える 複数のサムネイル画像を並べておき、画像をクリックするとモーダルウィンドウで拡大画像を表示するWebページを作成します。はじめに、HTML／XHTML（以下、HTML）とCSSでどのようにモーダルウィンドウを表現するか、静的なページを作って考えてみましょう。 HTMLは、ul/li要素で並べたサムネイル画像の後に、「glayLayer」と「overLayer」というid属性をつけたdiv要素を配置します。glayLayerはページ全体に重ねる半透明のレイヤーを表示するための要素で、overLayerは子ウィンドウを表示するための要素です。子ウィンドウに表示したい要素（今回はimg要素）はoverLayer内に配置します。 ▼サンプル01（HTML部分） <h1>jQueryを利用したモーダルウィンドウの作成</h1> <ul> <li><a href="i
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
3日でニコ動を作ったネ申「戀塚氏」に取材してみた (1/5)
ドワンゴといえば、ケータイ電話向けの着信メロディー「いろメロミックス」や動画共有サービス「ニコニコ動画」といったサービスを生み出してきた企業だ。 この10月、そのドワンゴを題材にした新書「ニコニコ動画が未来を作るドワンゴ物語」が弊社から発売された（関連記事、Amazon.co.jpで見る）。フリージャーナリストの佐々木俊尚氏が延べ30人を取材し、ドワンゴの全貌を明かしたものだ。この中でもキーマンの1人として登場するのが戀塚昭彦（こいづかあきひこ）氏。 戀塚氏は「ニコ動を3日で作ったプログラマー」としてネットで知られており、現在もニコニコ関連の開発に携わっている。90年代にはゲームクリエイター集団「Bio_100%」のメンバーとして活躍。2001年に起きた「2ch閉鎖騒動」では、過負荷対策を行なって閉鎖を食い止めたUNIX板住民のひとりでもあった。 そんな戀塚氏はどういった経緯でドワンゴに入
絶対に覚えたい iPhone＋Google音声検索・10の技 (1/4)
12月に入ってから、グーグルはビックニュースを連発していた。 3日に公開した日本語入力システム「Google日本語入力」を皮切りに、7日にはリアルタイム検索サービスと画像を使った検索サービス「Google Goggles」を、英語向けサービスとして発表。8日にはGoogle Chromeで、Windows向けの拡張機能とMac版をリリースした（以上、すべてベータ版）。 そうした中で、iPhoneユーザーが絶対に注目しておきたいのが、7日に登場した「Google 音声検索」の日本語対応だ。現在はiPhoneとドコモの「HT-03A」といったAndroidで使える。 新要素のラッシュで埋もれてしまった感があるが、これはiPhoneの使い方を大きく変えるかもしれない重要な発表だ。音声入力というと、まだ「これからの技術」と考えている人も多いはず。しかし、この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
川上会長＆ひろゆき、ドワンゴを語る
優秀なネットゲーマーが働ける会社を作りたくて 8日、ドワンゴの川上量生会長、ひろゆき氏、ニコニコ動画の運営長を務める中野真氏、ITジャーナリスト・佐々木俊尚氏の4人が、これまでのドワンゴとニコニコ動画の歴史をニコニコ生放送で語った。これは、佐々木氏の著書「ニコニコ動画が未来をつくる ドワンゴ物語」（amazon.co.jp）の発売を記念して行なわれたもので、この本では延べ30人にわたる取材を通じ、謎の多い「ドワンゴ」の全貌を初めて体系的に明かしている。 川上会長はドワンゴを作ったきっかけを「優秀なネットゲーマーが働ける会社を作りたかった」からと話す。そこで集まったメンバーが「廃人軍団」と呼ばれる社員たちだ。中野氏もその「廃人」たちの1人だった。 「当時はテレホの時代で、昼12時より夜12時の方が人が多かった」と中野氏は話す。会社の回線でネットゲームをやっていたこともあり、おかげで月の電話代
北海道のスープカレー好きプログラマーが作った「buzztter」 (1/3)
「ＷＢＣ優勝！」「萌え寺発見」「ウチが火事」――。 大きなものから小さなものまで、個人がたった一言から世界にニュースを発信できるコミュニケーションツール、Twitter。国内のユーザーは78万人※とまだまだ少ないが、ネットの速報性が威力を発揮するメディアとしては現在随一といっていい。 いわば何でもありのニュース番組のようなTwitterから、流行しているキーワードを抜き出してくれるサービスが「buzztter」だ。スポーツの大きな試合やタレントの記者会見など、注目のイベントがある時には、2ちゃんねるを上回る「ネットのお祭り」といった様子を見せる。 今やTwitterユーザーを核にした1つのメディアとなり、「バズっている（buzztterで流行している）から見てみる」といったようにユーザーの生活にまで影響を与えている。 そんなbuzztterを開発・運営しているのが設樂洋爾（しだら・ようじ）
使えるmixiアプリ30徹底レビュー！ (1/7)
山ほどあるアプリの中から、定番アプリを★★★評価で紹介！ 8月24日より、mixiアプリのパソコン版が正式公開になっている。既に100タイトル以上の様々なアプリが並んでおり、ハマっているという人も多いだろう。 アプリの利用はとても簡単。「アプリ」アイコンをクリックし、面白そうなアプリを見つけたらクリックするだけで、無料で遊ぶことができる。利用中のアプリは、トップページのプロフィール写真の下の「マイアプリ」から管理可能。「専用情報ボックスを表示する」「アプリガジェットを表示する」でそれぞれ表示するアプリを最大三つずつ選ぶことができるので、上手に使おう。 この記事ではジャンルごとにお勧めアプリを★★★の三段階評価で紹介していく。気になるアプリを見つけて参考にしてほしい。ただし、感想や使い心地はあくまで個人的なものなので、実際の使い心地はぜひ自分で試してみて。また、この情報は記事掲載時点のもので
30分でできる！Webサイトを高速化する6大原則 (1/4)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
本能を隠す必要なんてない さらしる氏の生存証明 (1/5)
当連載のサブ企画「もっと顔の見えるインターネット」にて、過去にインタビューした管理人さんから推薦されたサイトへのアプローチを進行中だ。その第一弾として、今回は「かーずSP」管理人のかーず氏（関連記事）が推薦する、さらしる氏に話を伺った。 さらしる氏は、2000年からニュースサイト「ー｀)＜淡々と更新し続けるぞ雑記。ωもみゅもみゅ」を開始し、サイト名の通りに一貫したスタイルで3日に1回以上のペースを維持して10年近く運営している。 その一方で、コスプレイヤー・月宮うさぎさんとネットラジオ『もみゅもみゅ小屋』を放送したり、2008年冬のコミックマーケット(コミケ)で特製の「大人のおもちゃ」を販売するなど、ユニークな活動でも注目を集めている。 また、上記のかーず氏が声優・桃井はるこさんとネットラジオ番組を行なって以来、嫉妬心むき出しのコメントを不定期で残し、ネットのオタク系コミュニティーに話題を
ASCII.jp：TCP/IPの基礎の基礎を理解していますか？｜TCP/IPまるわかり
インターネットは、TCP/IPというプロトコルを基盤とするコンピュータネットワークである。これからTCP/IPについて復習していくわけだが、まずは基礎的な用語とその概念を復習しよう。 インターネットを支えるTCP/IP いまやインターネットは、テレビや電話、新聞などと並ぶメジャーな媒体に数えられるようになった。この巨大なインターネットを下から支えているのが「TCP/IP」と呼ばれるプロトコル群である。 そもそも「プロトコル（protocol）」とは、ものごとの作法や手続きを明示的に取り決めて文書化したものだ。特にコンピュータネットワークの世界では、コンピュータ同士のデータのやり取りの方法を厳格に定めた規格（規約）のことを指す。コンピュータはプログラムに従って動作する機械であるため、厳密な取り決めがなければ複数のコンピュータを協調して動かすというのは難しい。 TCP/IPも、そのようなプロト
ニコ動で英語学習？ 学習SNS「smart.fm」がすごいことに (1/2)
「学び」をテーマにしたSNS「smart.fm」が面白い。smart.fmは、英語学習サイト「iKnow!」として2007年10月にオープンしていたSNSが今年3月にリニューアルしたものだ。 smart.fmの特徴は、単語や例文、写真や音声などを元に「リスト」と呼ばれる学習用プログラムを作成／閲覧できること。たとえば覚えたい英単語を登録しておくことで「オリジナル単語帳」を作ることができる。 また英語だけではなく「星座の写真」と「星座の名前」を登録して「星座の名前を覚える」リストなども作成可能だ。自分で作るだけではなく、他のユーザーが作成したリストを閲覧（登録）して、学習することもできる。 リスト右上のボタンから学習専用のウェブアプリケーションを起動することで、クイズのように選択肢から回答を選んだり、英単語をタイピングしたりといった学習ができるようになっている。
ASCII.jp：黒船Google汐留沖に出現でWeb広告業界に激震！ PVもUVもユーザー属性も比較できる「Ad Planner」
Web業界に衝撃を与え続けてきたグーグルが、Web広告業界のビジネスの根幹を揺らがしかねないとんでもないツールを公開している。大手サイトのユニークビジター（UV）/ページビュー（PV）から、ユーザーの学歴や世帯収入といった属性まで丸見えにしてしまう「Google Ad Planner」だ。いったいどんなツールなのか。 「公称値」と「Google調べ」が比べられることに 「Google Ad Planner」は、Webニュースやポータルサイトなどへの広告出稿を検討している企業（広告主）の出稿計画をサポートするツールだ。昨年6月、米国でのサービス提供当初は招待制のクローズドなサービスで、日本のWebメディアは未対応だったため、国内のニュースサイトは簡単に紹介した程度だった。しかしその後、対応する国が増え、現在では日本のWebメディアにも対応、ユーザーインターフェイスは英語だが、Googleアカ
ASCII.jp：絶対入れたいFirefoxアドオン最強50選
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 部屋が狭い日本家屋仕様になったピラーレスケース、自作初心者にもオススメ！ ピラーレスだが
Amazonと楽天のアフィリエイトを効率化するjQuery技 (1/5)
書評サイトやDVDレビューサイトなど、特定の商品を紹介するWebサイトを運営しているなら一度は検討したいのが、アフィリエイト広告の掲載です。個別の商品を紹介しているページからショッピングサイトに当該商品ページへアフィリエイトリンクを張れば、ユーザー（読者）は商品をすぐに購入できるようになり、サイト運営者はその分の報酬（紹介手数料）を手にできます。 たとえば、多くの映画ファンが集うコミュニティサイト「映画生活」では、すでにDVDになっている映画作品のページにAmazon.co.jpと楽天ブックスへのアフィリエイトリンクを設置しています。今回は、この映画生活のサイトと同様に、サンプルの書評サイトにアフィリエイトリンクを付けてみます。 今回のお手本サイト：『映画生活』 ユーザーによるレビュー、掲示板などのコミュニティ機能に強みを持つ総合映画情報サイト。1999年に個人サイトからスタートし、200
ASCII.jp：これぞ完璧企画書――「1枚企画書」パターン実例3題 ｜パワポで極める「ビジネス極意」
本連載では、竹島愼一郎氏が提唱するインパクト抜群の「1枚企画書」をPowerPointで作る手順を全5回で紹介します。社会人になったらWordやExcelだけでなくPowerPointも使いこなせなくては、社内や取引先でのプレゼンに勝ち抜けません。しかし、ただ単に企画書をPowerPointで再現しただけでは、印象に残るプレゼンにはほど遠く、居眠りを誘う会議になってしまうことでしょう。 「1枚企画書」の最終回として、本書が出版に至った企画書の実例を含む、「プレゼン力の高い企画書」を3種類ご紹介します。実際の成功事例を踏まえてPowerPointをフル活用すれば、皆さんの仕事もきっと成功に近づくはずです。 ※本記事は「ビジネス極意シリーズ パワポで極める1枚企画書」から一部抜粋し、編集・再構成したものです。 Table of Contents プレ企画書1――飽和市場の「新商品企画書」 ■
「レゴ」みたいな無料CMS、ドイツから上陸！ (1/3)
簡単にWebサイトを更新できるCMS（Content Management System）を、個人でも使いたい。でもサーバーの知識はないし、費用もできればかけたくない――。そんな“よくばり”な個人Webサイト運営者に朗報だ。ドイツ生まれの個人向けCMS「Jimdo」（ジンドゥー）が、3月25日に日本上陸を果たした。 ワンステップでコンテンツを追加、編集はダブルクリックだけでOK 「Jimdo」は、ドイツのスタートアップ企業「ジンドゥー」が2007年に開発したCMSで、海外では現在のところ約50万ユーザーが利用している。国内ではKDDIウェブコミュニケーションズが日本語にローカライズし、ASPサービスとして今回提供を始めた。バナー広告は表示されるものの、ディスク容量500MBまでの「Free」プランなら無料で利用可能だ（5GBまで利用可能な「Pro」は月額945円）。 その魅力は、「レゴブロ
技術系サイトに必需品！ ソースコードは鮮やかに JavaScriptもPHPもHTMLもOK！「Syntax Highlighter」の使い方
Webプログラミング/Webデザインのネタを扱うブログやWebサイトを運営していると、HTMLやCSSなどのソースコードを掲載することが多くあります。そんなときにぜひ活用したいのが、ソースコードを読みやすく表示してくれるJavaScriptライブラリです。今回は、そのうちの1つ、「Syntax Highlighter」の使い方を紹介しましょう。 多くの言語の構文強調表示に対応した「Syntax Highlighter」 HTMLなど各種言語のソースコードをWebページの中で表示するのは、HTMLのpre要素を使えば簡単です。ただ、ソースコードをそのまま表示すると、見た目が分かりやすくはありません。そこで、タグなど言語の特定キーワードに色を付けて、他の部分よりも強調して表示することで見やすくしましょう。 こういった「構文強調表示」を行なうJavaScriptは、いくつか公開されていますが、そ
ASCII.jp：驚きのExcel 超早技ベスト15 これは便利！｜Excel達人の新定番テク60 知らないあなたは損してる！
マンネリ化した方法でExcelを使っていないでしょうか。実はもっと簡単で手早くできる技があるのです。使わないなんてもったいない。アナタの知らない「新」Excel技大特集！ 第1回は、手間を省いて操作をすばやく！ 今すぐ役立つ厳選早技15を紹介します。面倒な入力や編集作業をどんどん片づく！ 驚きのExcel 超早業ベスト15――インデックス 技1――表の早技 表の見出しを除いて列幅を自動調整 技2――入力の早技 支店名をいつも決まった順番でオートフィル入力 技3――入力の早技 「＝」の代わりに「＋」キーで式を入力 技4――入力の早技 セルを組み合わせて思いどおりに連続データを入力 技5――入力の早技 ながーい連番を一発入力 技6――編集の早技 ツールバーの［下線］ボタンで二重下線を引く 技7――表の早技 基本の行列入れ替えはボタンで 技8――表の早技 多様な罫線を使った複雑な表は「罫線なし」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
