こんにちは、市瀬裕哉と申します。『⁠実践 Web Standards Design』では、floatプロパティとpositionプロパティを利用したレイアウトについての解説を担当しています。私は専門学校にてWebデザインを講義する立場にいるため、書籍に掲載したCSSレイアウトの解説は、私が講義していく中で得られた、生徒達からのさまざまなフィードバックを反映した内容になっています。書籍の発刊からはCSSレイアウトの習得を短期間で実現するための講義に必要な教科書として、実際に現場で利用しています。 本連載（第3回、第4回）では、floatプロパティを利用したレイアウト方法を学習する中で、必要なポイントと基本的なレイアウトの実現方法、その応用までを解説します。 1．ボックスに置き換えて考える CSSで装飾を行う際は、floatプロパティを使う、使わないに限らず、HTML文書の各要素が生成する「ボ

ドットインストール代表のライフハックブログ

F-01Aを使って24時間経ちました。たった半年前発売のF906iから乗り換えたのですが動きがキビキビと速くて速くて、もう無駄にメール文章が長くなってしまいます。そのくらい速い。 １．速さの秘密はCPU速さの秘密は何でしょう？富士通の方に伺ったところ「CPUを変えた」とのこと。それは納得。 ただ、どんなCPU使っているかというのは全く公表されていないのですねぇ。パソコンならIntelとかAMDとかのメーカー名や、Core 2 duo やCore i7とかのブランド名、動作クロックといったCPU情報が公表されていて、同じアーキテクチャならクロックで速さを直感的に感じれるし、アーキテクチャが違えばコアが何個積まれてるかということを知っている人なら速さをカタログで理解できる。 何でケータイはCPUを公表しないのでしょうか。ARM社のCPUだということは何となく分かるのですが。 (2008/11/

久しぶりのガンダム語録からタイトルを選んでしまいました（原文：「F906i」ー＞「ザク」 by ランバ・ラル）。6月にF906iのレビューをケータイ会議２としてお届していましたが、今度はケータイ会議３に参加することになりました。 ■ケータイ会議３が始まりました | IDEA*IDEA ブロガーと企業のコラボレーションとして異論各論ありますが、使用感をいつも通り赤裸裸（セキララ）にエントリーしていきたいと思います。発売日の本日、キックオフミーティングが開かれてF-01Aを手にしました。ファーストインプレッションは、 速い、とにかくサクサク！ です。新しいケータイはこれ、F-01Aのシアンです。ケータイ会議仲間は「何で赤じゃないの？」という反応でしたが、今回の赤はどちらかというとピンク。確かにシャアザクの色なのですが、モックを見てたら少し乙女チックと感じ、グフ（しかもグフカスタムね）な色のシア

献本いただいたもの。 ニコニコ動画の非同期な同期性を解説したオンラインの記事等が有名な濱野智史さんの本。 日本人による近年のウェブサービス・ウェブトレンド解説ということで、GoogleやYouTube、Twitterだけでなく、2ちゃんねる・Mixi・Winny・ニコニコ動画・ボーカロイド・ケータイ小説、などが対象とされ、なぜそれらのサービスや製品が日本のウェブで人気を博したのかが考察されている。 読んでいると、「この人どんだけ2ちゃんねるが好きなんだ」(僕も好きだけど)とか、「ニコニコ動画好き過ぎる」(僕も好きだけど)とか伝わってきてしまった。今の日本語のウェブをヘビーに使い倒している人たちの思考を知りたいという人にも、流行したサービスの何が良かったのかを知りたい人にも役に立つ点があるだろう。 非常に面白かった点: 爆発的ヒットとなったケータイ小説「恋空」のどこが「リアル」なのか、の考察

世の中こちらを立てればあちらが立たずというのは必ずついてまわる問題で、ケータイなんていう小さいものには顕著にそれが顕れるわけで・・・少しは大人ですのでバランス力が大切だということも分かるのですが、前回大絶賛した防水機能のために犠牲になった機能がF906iに比べるといくつかあります。 １．FMトランスミッタ「防水機能のための犠牲」というまでは乱暴ですが、ワンセグアンテナを内蔵して防水力をアップ、さらにBluetoothも積んだからFMトランスミッタはなくした、ということなのだと思います。 ただ、私はF906iにしてからというもの、ミュージックプレイヤーはiPodからF906iに変え、ドライブでは内蔵FMトランスミッタでクリアな良い音で楽しんでいました。しかし、F-01Aにはなくなってしまいました。F906iをカーオーディオ専用にしたくても、FOMAカード抜いているとFMトランスミッターが発動

富士通の新しいケータイF-01Aを使うようになって１週間。こんなものも一緒に持ち歩くと便利です、というものを10個選んでみました。全て使ってみているものです。F-01A本体のレビューにはなってませんが、周辺機器の充実さも選択の上で必要な要素かと思いエントリーします。 １．保護フィルムタッチパネルなので、何かの拍子に傷が付くかも知れません。私が貼ってるのはラスタバナナ社のもの。ディスプレイはもちろん、カメラレンズと背面ディスプレイもフィルムが付き、貼るときの拭き掃除用クロスまで入ってます。万一傷付いてもフィルムだけ貼り替えればいいですからね。お風呂に付けても剥がれませんでした。 機種別液晶保護シール F-01A RBPF042 ２．microSD写真が500万画素になり1枚当たり1MBオーバーに。音楽入れて持ち歩くことも出来ますのでメモリ容量気にせずいきたいものです。16GBもどうやら認識す

Search Engine Land » SEO » Q&A With Google On SearchWiki (Don’t Expect An Opt-Out Soon) Q&A With Google On SearchWiki (Don’t Expect An Opt-Out Soon) Four days after it launched, Google SearchWiki continues to attract much attention from critics and fans alike. Meanwhile, there remain questions on how it all works, under the hood. Below, a follow-up to my Google SearchWiki 101: An Illustrated Guide

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

イライラ事例その4 「私はこんなものが見たいわけじゃないの！」こんな経験ないかしら？ あるサイトで、複数のページに分かれている記事をクリックして読み進んでいるか、画像をスライドショーで見ているとする。記事の4ページ目か画像の7枚目をクリックしたら、何の前触れもなしに、1ページ丸ごと「Axeボディスプレー」の広告が表示されて、画面の端っこにちっちゃく「この広告をスキップ」なんていうリンクがある。 私は、The Onionのホームページを見ていたときに、これに出くわしたの。 そもそも、この広告は何なの？ マティーニを差し出すサイボーグ？（待って、ちょっと格好いいわね……しまった、クリックしとけばよかったわ） それに、私はサイボーグを買うためにこのページに来たわけじゃなくて（やれやれ……）、風刺的なニュースを見に来たのよ。ユーザーに期待を持たせておきながら突然まったく無関係のものを見せて、その上

不要なクリックをしなくちゃならないせいで、「すばらしい」が「うっとうしい」に変わっちゃうことが本当にあって、しかもそういうのって結構出くわすのよね。だいたい原因はこんなところかしら？ サイト・デザイナーによる、凝っているけど使い物にならない作品無神経な開発者が加えたお粗末な問題回避策「2か月もこのサイトの構築に取り組んできて、もう脳みそがクタクタです」的なSEO業者の見当違いな判断いずれにせよ、害などなさそうに見える余分なクリックのせいで、コンバージョン率に悪影響が及ぶこともあるわ。要するに、ユーザーをイラつかせちゃうってことね。 これから紹介するのは、私が歯ぎしりしてゲンコツを振り回したくなったクリックの例よ。 イライラ事例その1 「え?! 自動でリダイレクトしてくれないの？」先日、ワシントン大学大学院課程のページを見ていたときのこと（ちなみに、私を含めてSEOmozチームの4人に1人が

Products Moz Pro Your all-in-one suite of SEO essentials. Moz Local Raise your local SEO visibility with complete local SEO management. STAT SERP tracking and analytics for enterprise SEO experts. Moz API Power your SEO with our index of over 44 trillion links. Compare SEO Products See which Moz SEO solution best meets your business needs. Moz Data Power your SEO strategy & AI models with custom d

ドットインストール代表のライフハックブログ

F-01Aの目玉機能な防水。 防水携帯は初めてなのでちょっと不思議な感じがします。。。 防水の威力を確かめるべく、さっそくお風呂に持ち込んでみました。 まずはストラップをはずします。 （この作業が微妙に面倒っす） お風呂のふちにスタンバイ。 入浴剤をいれているので水中には落とせません！ 防水といっても完全防水ではないのでご注意を。 詳しくはdocomoのページをチェック！ http://www.nttdocomo.co.jp/product/foma/prime/f01a/topics_01.html お風呂の中で写真もとれます。 ちょっと暗い気もしますが・・・。 そういう時は撮影時に明るさ調整もできるのでー。 （私は後で加工派なので、撮影時は常にデフォルトなのです。） 湯船ぽちゃはできないので、シャワーをかけてみました。 キー部分って結構汚いらしいですし、こうやって洗えば清潔綺麗！ これ

会社でプログラミングはしてるけど、プライベートでWebサービスを作って公開するには、どうすればいいんだか・・・という過去の私みたいな人のために。 とりあえず、前提として。 Webサービスを構築するためのある程度のスキルはある 何を作りたいかも決まっている でも、自分でゼロからスタートして公開までの段取りがよく分からん 1.開発言語、フレームワーク、データベースを決める 何はともあれ。持ってるスキルにあっているものが良いと思うけど、新しい言語やフレームワークにチャレンジするのも楽しいかも。お好きなものをどうぞ。ただ、all in oneなフレームワークだと、色々揃えなくてもいいから楽。 言語を決めたら、それに合わせた開発環境を用意して、Hello Worldが動く程度には動作を確認しておく。 私の場合は 言語はruby フレームワークはRuby on Rails データベースはpostgre

昨日から意味わかんねー、とか思って、色々調べてたんだけど、オープン化案内のページ下部に、コッソリとこんな事が書かれてる。ブクマで気がついた。 「第三者認証を取得すべく、モバイルコンテンツ審査・運用監視機構（EMA）に申請を行いました。（2008年11月現在）」 http://mixi.jp/guide_openmixi.pl オープン化って言ってるけど、これ、フィルタリング対策じゃん。 青少年ネット規制法ってので、「コミュニティサイト」はフィルタリング対象になった。で、携帯キャリアも2009年1月ぐらいから、18歳未満の利用者のフィルターをONにする。このフィルターは、親権者同意書をショップに持って行かないと解除されない。でもでも、mixiって元々18歳以上だけだし、別にフィルタリングされても問題ないじゃんって思ってた。だけどよく調べてみたら、このフィルターって、自動解除されないらしい。

完全招待制をアイデンティティとしていたSNS「mixi」が、サービス開始5年目にして招待制を撤廃する。2009年春から、招待状なしでも利用できる登録制を導入。18歳以上としてきた年齢制限も緩和し、今年12月10日から、15～17歳でも利用できるようにする。 運営元・ミクシィの狙いは、競合するSNS「GREE」や「モバゲータウン」への対抗だろうか。両サービスは招待不要で参加でき年齢制限もないため、10代を中心とした若年層に支持され、ユーザー数・収益面で急成長してきた。 mixiもユーザー増加のペースを速め、10代の取り込みを急ぐのか――笠原健治社長は「そうではない」と否定する。「この施策で爆発的にユーザーを増やしたいという意図はない。短期的な利益も追求していない」 狙いを読み解くカギは、同時に発表したオープンプラットフォーム「mixi Platform」の推進にあるという。mixi Plat

ウェブサイトにおいて機能やページの表示速度と同じくらいビジュアルデザインは重要ですし、ビジュアルデザインがより良いユーザー体験の提供に繋がることもあります。以前 Googleのデザインガイドライン10項目を紹介したことがありますが、この中に「魅力的」「美しい」といったビジュアルデザインに関係したキーワードがあるのは気になりますね。Google はビジュアルデザイン以外の部分（例えばシンプルさやスピード）を徹底的に追求することで高いユーザー体験を提供しているサービスというイメージがあります。 しかし、そういったイメージを覆すかのように、ここ 1,2年はビジュアルデザインにも力を入れていますね。例えば Analytics や Docs のビジュアルはミニマムではありますが、非常に洗練されていて魅力的です。先週 Gmail が複数のテーマを提供し始めましたが、これも Google はビジュアルに

Products Moz Pro Your all-in-one suite of SEO essentials. Moz Local Raise your local SEO visibility with complete local SEO management. STAT SERP tracking and analytics for enterprise SEO experts. Moz API Power your SEO with our index of over 44 trillion links. Compare SEO Products See which Moz SEO solution best meets your business needs. Moz Data Power your SEO strategy & AI models with custom d