ドットインストール代表のライフハックブログ
![IDEA * IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/72ae124353132597836ab019371b5f080a0f18a0/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Farchives%2F2008%2F10%2F01%2Fsmush_top.gif)
Movable Type 4 を始める前に設定しておきたい 10 の項目を紹介します。 このエントリーは、バージョン3 の時代に投稿した「Movable Type を始める前に設定しておきたい 10 の項目」のMovable Type 4 版です。今でもそちらのエントリーにトラックバックやブックマークが寄せられ、大変嬉しいのですが、バージョン3 から Movable Type の機能が大幅に拡張・改善され、画面構成も変更されており、以前の記事では対応できなくなってしまったので、全ての記述をこのエントリーで見直すことにしました。Movable Type 4 を利用する場合の参考になれば幸いです。 設定が重要と思われるものから順番に並べています。前回同様「全てが必須」という意味ではありません。不要と思われる項目はスキップしてください。 また、項目によっては運営中に設定するものもあります(2項後
こんにちは。『Cure』や『livedoor 歌詞』を担当しているモバイルディレクターの吉沢です。 つい最近、PC サイトのディレクターが初めてモバイルサイトの開発を担当するという機会がありました。 どの情報を伝えれば初めてモバイルサイトを担当する人にもスムーズに進められるのか、PC とモバイルで一番特徴のあるコーディングとデザインについて、これだけ覚えておくと簡単な3G(FOMA・WIN・3GC)端末用モバイルサイトが作れてしまうノウハウをご紹介したいと思います。 【01】対応端末について こちらの記事にもあるとおり、3G 端末(FOMA・WIN・3GC)がアクセスの9割を占めているため、これからオープンさせるサイトの対応端末は、3G 端末で十分そうですね。 サイトの内容にもよりますが、下位端末(PDC・P型・C型など)を対応端末として含めてしまうと、機能や容量制限などに悩まされ、逆に運
DOCTYPE スイッチについて再度まとめ 以前 DOCTYPE スイッチについての検証とまとめと一覧表という記事で DOCTYPE スイッチについてまとめましたが、あれから 2 年弱が経過したので、改めてまとめてみようと思います。 まとめるまでの話がけっこう長いので、一覧表だけ参照したい ! という場合は DOCTYPE スイッチの一覧表をご覧ください。 DOCTYPE スイッチとは何か そもそも DOCTYPE スイッチとは何か、というのがまず書くべきところですが、これは私が書かずとも良質のリソースが各種ありますのでそのリンクのみまとめておきます。 !DOCTYPE スイッチ 各UAのDOCTYPEスイッチについて - CSS Dencitie Mozilla's DOCTYPE sniffing - MDC Mozilla's DOCTYPE sniffing - MDC ( 日本語
最近はアルファチャンネルを含むPNG画像を利用したサイトが増えてきたように感じます。 2008年9月号のWeb Designing誌でも特集が組まれたりと、関心も高まっているようです。 ただ、そこで問題となるのはIE6のアルファチャンネル問題。 何らかの手段でこれを解決する必要があります。 少し前の仕事でこの問題を解決する必要があり、いくつかのライブラリを試してみたので、それをまとめてみます。 なお、img要素ではなく、CSSの背景画像で使用する場合として検証しました。 img要素にだけ適用したい場合には、もっとシンプルな方法があるかもしれません。 概ね共通する事 標準準拠のCSSのみでは不可能 IEの独自拡張の、filterプロパティを使う必要があります。 CSS内に記述する方法やhtcファイルを使う方法、JavaScriptを使う方法でも、結果的にはこのfilterプロパティのAlph
というのです。 動的URL(Dynamic URL:ダイナミックURL)とは、ユーザーの要求に応じてその都度、生成されるURLです。 多くの場合「?」「&」「=」で区切られたパラメータ(引数)を伴います。 例1:http://code.google.com/p/google-checkout-php-sample-code/issues/detail?id=31 例2:http://www.google.com/support/webmasters/bin/answer.py?answer=40349&cbid=1beyxilfwhlqn&src=cb&lev=answer eコマースサイトやヘルプのように、データベースを利用したシステムで使われています。 一方、静的URL(Static URL:スタティックURL)は、誰がいつアクセスしても同じ、固定のURLです。 拡張子が、.htmや.
「プロが作ったWebサイトのあの“技”をウチのサイトでも(それもタダで)マネしたい!」――。そんな欲求に応えてくれる JavaScriptライブラリ/フレームワークが、ネット上にはたくさん公開されています。この連載では、国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンに、手間をかけずに自分のWebサイトをブラッシュアップしていく方法を紹介します。
9月17日にpixivの月間ページビュー(PV)が3億を突破した。会員数は約32万人、投稿されたイラスト総数は160万枚。1年前の2007年9月10日にサイトがオープンして翌年4月には1億PVを突破している。その後7月に2億PV突破、そして1周年の記念イベントが開催されているタイミングで3億PV突破となった。 pixivは、イラストに特化したSNSサービスで、ユーザーが投稿したイラストを共有したり見せあい、評価、ランキング、ブックマークなどをつけることでコミュニケーションを図るサイトだ。扱うデータが画像ファイルとただでさえ大きくなりがちなのに、月間PVが3億にも達する「お化けサイト」のサーバーはどうなっているのだろうか。 YouTubeがGoogleに買収されるまで、あの膨大な量の動画はどこに保存されているのか、だれが維持しているのかについて「都市伝説」が生まれるくらいだったが、このpix
執筆が終わったと思えば、主業務が激務でネタがちらほら浮かんでたのに書けない今日この頃。 でも、どこぞのiPhoneネタと宣伝ばかりになってしまったブログよりいいかも知れません。えぇ。 さて、CSSってある程度覚えてしまえば思った以上に簡単に組めたりして、何となく組めている気がするって思ったりしないっすかね。 もしくは、その逆になーんかイマイチ成長してないようなって感じてる時とか。 そんな状況のときに、今よりちょっとだけコーディングのクオリティや効率を上げるのに意識する事とかやっておくべきこととかを思いつくままに上げてみます。 仕事としてってのがベースなので、個人サイトやブログレベルだと当てはまらないかも。 ボクが昔はやってなかったけど今は当たり前な事とか、今でも忘れがちな事とか、何かそういう感じのことを書いていくので、人によっては当たり前だし、ちょっとした発見がある人も居るかも? よく分か
コンテンツマネジメントシステム(CMS)というと、印象的に大事のように感じられる。だが実際はコンテンツを適切に管理、配信するという意味であればブログでも十分なはずだ。様々なプラグインや画一的なインタフェースなどが堅苦しい印象を与えている。 小さなサイトを作るのにぴったり もっとライトに自分のコンテンツを提供できるこちらのシステムを一度お試しあれ。 今回紹介するオープンソース・ソフトウェアはPixie、Small, Simple, Website makerを題するCMSだ。 Pixieは一般的にはCMSに分類されるだろう。だがそのライトなインタフェース、ページ管理機能、今風なクールなテンプレートなど今まで知られているCMSとは一線を画すようなシステムになっている。システムとしてはPHP+MySQLの組み合わせになっている。 コンテンツ管理 Diggやflickr、twitter、RSSフィ
CMSは何年も前から存在する。基本的なコンテンツを配信する、という目的は変わらないだろうがそのシステム構成やコンセプトはシステムによって様々だ。Web技術の進化に合わせて様々な付加価値が盛り込まれている。 ユーザ画面 そう考えると使い慣れたCMSを導入するのも良いが、ここ最近出てきたものに注目してみるのも良い。PHP製のものが良い方はこちらを見てみよう。 今回紹介するオープンソース・ソフトウェアはSitellite 5、PHP + MySQLのCMSだ。 Sitellite 5は色々な面白い機能が盛り込まれている。対応ブラウザはIE6以上、Firefox2以上そしてSafari3以上だ。PHPは4または5で動作する。Sitellite 5には自動保存機能がある。これによりブラウザを間違って閉じてしまった場合にもデータが消失せずに済む。 編集画面 検索機能にZend Frameworkを使っ
アクセス解析の仕事をしていると、アクセス解析さえあれば「キーワードを見ればユーザーのニーズや考えている事が分かる」とか「CVRを元に最適な集客プランはこの手法だ」とか「導線分析を行うことによってユーザーが一番コンバージョンする最適な経路ははこれだ!」とか思ってしまう事があります。 しかしWhat Web Analytics is Missing... という記事を読むと、改めてアクセス解析ツール(単体)の限界や課題点について考えさせられました。当たり前だけど、アクセス解析は万能ではなく、あくまでもユーザーの動きが結果として集計されているだけだったりします。 この文章ではアクセス解析ツールに対して感じている7つの課題に関して記載されています。「本当に知りたいビジネス要件について回答を教えてくれない」という意味で、全てのツールにあてはまる内容になります。その内容を紹介いたします。 ※記事の内容
こんにちわ。モバイルディレクターの飯田瞬です。 ウェブディレクターの中には、SSL サーバ証明書が必要なウェブサイトの構築を担当した人は少なくないと思います。 今回は SSL サーバ証明書を取得するにあたり、ディレクターが知っておいた方が幸せになれる必要最低限な事項を簡潔にまとめてみました。 割愛している部分もかなりありますが、詳細まで突っ込むと1エントリーでは収まりきらないため、何卒ご理解いただければと思います... 【01】SSLサーバ証明書って何だろう? SSL を一言でまとめると、住所やカード番号などを暗号化して第三者が傍受してもデータの改ざんや盗聴を防ぐといった技術が SSL です。 SSL サーバ証明書というのは、その SSL の暗号化技術を利用するサーバの身元を、第三者である認証局が保証することを示すものです。この証明書の中には SSL でクライアントとサーバ間の通信を暗号化
この特集で挙げた57の要因に関して、Yahoo! JAPANに限定して集計した重要度のランキングを示す。 プラス要因トップ20(Yahoo! JAPAN)titleタグ内でのキーワード使用被リンクのアンカーテキストサイト全体でのリンクポピュラリティ本文でのキーワード使用Yahoo!ディレクトリへの登録サイト内部構造としてのリンクポピュラリティリンク元サイトのサイト全体でのリンクポピュラリティサイト開設からの経過時間被リンクの話題関連性サイトの主要テーマと検索の関連性リンク元ページとの話題の関連性被リンク増加率本文のコンテンツとキーワードの(トピック分析による)関連性インデックス可能なテキストコンテンツの量h1タグ内でのキーワードの使用話題コミュニティ内でのリンクポピュラリティリンク元サイトとの話題の関連性リンク設置からの経過時間文書公開からの経過時間リンク周辺のテキストマイナス要因トップ5
この特集で挙げた57の要因に関して、Googleに限定して集計した重要度のランキングを示す。 プラス要因トップ20(Google)titleタグ内でのキーワード使用被リンクのアンカーテキストサイト全体でのリンクポピュラリティサイト開設からの経過時間サイト内部構造としてのリンクポピュラリティ被リンクの話題関連性話題コミュニティ内でのリンクポピュラリティ本文でのキーワード使用リンク元サイトのサイト全体でのリンクポピュラリティ被リンク増加率外部サイト/ページへのリンクの質や関連性リンク元ページとの話題の関連性リンク元サイトの話題コミュニティ内でのリンクポピュラリティ本文のコンテンツとキーワードの(トピック分析による)関連性文書公開からの経過時間h1タグ内でのキーワードの使用インデックス可能なテキストコンテンツの量リンク設置からの経過時間サイトの主要テーマと検索の関連性リンク元サイトとの話題の関連
この特集で挙げた57の要因に関して、GoogleとYahoo! JAPANの利用率を考慮して総合的に算出した重要度のランキングを示す。 プラス要因トップ20(Google+Yahoo! JAPAN総合)titleタグ内でのキーワード使用被リンクのアンカーテキストサイト全体でのリンクポピュラリティYahoo!ディレクトリへの登録本文でのキーワード使用サイト内部構造としてのリンクポピュラリティサイト開設からの経過時間リンク元サイトのサイト全体でのリンクポピュラリティ被リンクの話題関連性話題コミュニティ内でのリンクポピュラリティリンク元ページとの話題の関連性被リンク増加率本文のコンテンツとキーワードの(トピック分析による)関連性サイトの主要テーマと検索の関連性h1タグ内でのキーワードの使用インデックス可能なテキストコンテンツの量外部サイト/ページへのリンクの質や関連性文書公開からの経過時間リンク
コーディングはさっと済ませたい。 そんなあなたにおすすめなのが、『Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time』。コーディングをさっと済ませるためのCSSテンプレート集だ。 以下にいくつかご紹介。 ↑のキャプチャはDynamic Drive。2カラムや3カラム、固定幅、リキッドレイアウトなど、たくさんのCSSレイアウトを配布 » Code Sucks 90のフリーCSSレイアウト » Layout Gala 40のCSSレイアウト » CSS Creator 幅や背景色などを指定してXHTMLソースが生成できる » Whiteboard フリーのワードプレステーマフレームワーク » Yet Another Multi-Column Layout モダンで拡張性のあるレイ
Webアクセス解析の疑問に答える25のTIPS 2008年7月31日、百式田口氏が主催する勉強会で、アクセス解析のトレンドについて弊社伊藤が解説しました。その際に参加者から出た質疑応答を以下に公開します。 1. 複数のアクセス解析ツールをいれた場合、ツールによって数に違いがあるのはなぜかたしかに、ツールによって 10% ぐらい差があるようだ。 おそらく解析用 Javascript の仕様の違い、キャッシュの効き具合やセキュリティ対策ソフトによるフィルタリングなどが原因なのでは?あるいは、ページを見た直後にブラウザを閉じた場合に、まだ Javascript が動くまえに消えてしまった、とか。 このことを考慮して、ツールを乗り換えるときは、しばらく併用してどのぐらい差があるかを知っておいたほうがいい。 2. 外部にあるサイトのアクセス数は調べられますか?Alexa や Google Trend
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く