携帯サイト[xhtml]のコーディング前のチェックポイント │ これからゆっくり考L +α
前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 コーダー（もしくはディレクター？）さんは、デザインをパッと見て「このデザインで組めます！」「組めません無理です...」の判断が咄嗟にできるようになると素敵だと思います。 デザイナーさんは、これからあげるチェックポイントを頭の片隅にいれつつデザインしていただけると、コーダーからの戻しが少なくてすむようになるかと思います。 前置きはこのぐらいにして、早速本題へ。 以下が今回のサンプルデザインです。 「これをxhtml、3キャリ1ソースコーディングしてください」 と言われた場合で考えていきます。 前提条件は、 ・3キャリア1ソース ・xhtml ・文字コード：Shift-JIS ・改行コード：
ke-tai.org > Blog Archive > Google Analytics携帯版の導入方法まとめ
Google Analytics携帯版の導入方法まとめ Tweet 2009/11/30 月曜日 matsui Posted in 記事紹介・リンク | 14 Comments » 先月発表された「Google Analytics携帯版」ですが、Googleから正式なリリース告知は無いものの、ケータイからのアクセス解析が一応利用できる状態になっているようです。 PC版でGoogleAnalyticsを利用しているので、モバイル版でも利用したいという方も多いと思います。 しかしながら、セットアップ方法が少し複雑なため、導入に手間取っているという話も良く聞きます。 今回は自分のメモ代わりもかねて、Google Analytics携帯版について触れているブログを集めてみました。 まず便利なのがこちらのサイトです。 タイトルからもわかるとおりGoogle Analyticsを専門に扱っているブログ
GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」:phpspot開発日誌
GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」 2009年12月01日- GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」。 自分で実装するとなるとかなり骨が折れそうなこの機能もjQueryプラグインで簡単に実装できるみたいです。 マウスホイールでズームし、ドラッグして地図移動が可能 ズームとか移動のコントローラーを付けることも可能で、これなら初心者にも簡単に気付いてもらえますね。 設置はjQueryを使うので、マークアップでズーム用に画像を数枚置いておき、$("#viewport").mapbox({mousewheel: true}); のように初期化するだけでOKです。 オプションも多数あるのでカスタマイズも出来ます。 ズーム前後に実行できるイベントハンドラも設定可能なので、柔軟性が高い
カラフルで美しい光の描画Photoshopチュートリアル:phpspot開発日誌
次のような、カラフルで美しい光の描画Photoshopチュートリアルが公開されています。 光の感じがより自然になるように工夫されており、参考にできる部分がありそうです。 以下のエントリを参照してください。 Creating a Colorful Light Effect with Pixelmator | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials 関連エントリ プロレベルのPhotoshopチュートリアル集 ボタン作成のPhotoshopチュートリアル集 Photoshopによる美麗アイコン作成チュートリアル集 飛び出る立体グラフィックを作成するPhotoshopチュートリアル
Gmailのキーボードショートカット一覧（Gmail2.0隠れキー含む）
GTDなどで最も便利なタグ外しキー。 [受信トレイ]ではアーカイブ（Inboxラベル外し） [スターあり]ではスター外し ラベルではラベル外し（所属ラベルのみ） [ゴミ箱]では[受信トレイ]に移動。 ※[迷惑メール]、[送信済み]、[すべてのメール] 内では機能せず。
SEO初級者が中級者になる為に必要なステップ | パシのSEOブログ
以前「初心者がゼロからSEOを学ぶ方法」を投稿しましたが、今回は初級者が中級者になるための方法として、SEOスキルをアップさせる為に必要なステップみたいなものについて書いてみたいと思います。 初心者〜上級者までの区分わけが難しいですが、私が考える中級者とはそれなりの知識を持っていて、それなりのキーワードで上位表示できて、それなりの成果を上げている人です。 基本的な事 とにかく色々やってみる 効果が無いと言われているような対策でも実際に試してみたら効果があるかもしれません。逆もまた然りです。 SEOスキルをアップさせるためにはとにかく実践による経験値が必要です。 豊富な知識があっても、それをどう実際のサイトに活かせるのかが分かっていないと成果には繋がりません。実績に裏打ちされた知識だからこそのスキルなのです。 経験を積む過程で検索エンジンスパム的な手法に手を出したくなる時もあるでしょうから、
iPhone のアプリは20個に絞って使う | ライフハッカー・ジャパン
編集委員のひらたです。気がつけばもう11月、冬の足音が聞こえてくる今日この頃ですが、みなさんはお元気でしょうか。これからなにかと忙しい季節ですが、そんなときに活用するのがモバイルデバイスですね。 iPhone のおかげでメールチェック、ブラウジングだけでなく、いろんなことに活用できるのですが、iPhone はいろいろ楽しすぎて、気がつくとアプリケーションがいっぱい。たくさんいれすぎると起動するだけで時間がかかるので、一念発起、一画面におさまるだけにアプリを厳選してみました。 ■Remember The Milk 以前ご紹介した Todo 管理サービスの定番です。iPhone アプリケーションがとても良くできていて、オフラインのところでも、Todo の管理、編集ができるようになっていたり、Push Notification に対応していたりとすばらしいです。 ■Echofon ■Natsu
Googleマップで超デカくて超細かい地図を印刷する
Googleマップを普通に印刷すると、エリアが小さく切り取られてしまったり、詳細なスポット情報を表示できなかったりしてストレスが溜まることがある。これらを解消し、超デカくて超細かい地図の印刷を可能にしてくれるソフトを紹介しよう。 Googleマップで目当てのスポットを見つけ、いざ印刷しようとすると、マップ全体の上下左右が切り取られてしまい、目当てのスポットが探しにくくなったことはないだろうか。仕方ないので地図をやや縮小して再印刷しようとすると、こんどは広域表示になった関係で、詳細なスポット情報が非表示になってしまった、ということもよく起こる。 これはGoogleマップに限ったことではないが、一般的に地図ソフトは詳細表示だと細かい施設も表示するが、広域表示に切り替えると細かい施設は表示しなくなり、目立つランドマークだけを表示するようになる。なるべく詳細表示を保ったまま印刷したいところだが、そ
爆音だったML115が1700円で充分静かになった件 : akiyan.com
爆音だったML115が1700円で充分静かになった件 2009-11-30 目次 格安だけど爆音なサーバー、ML115 2年前くらいに15000円前後で販売されていた、ML115という格安ミドルタワー型サーバー機があります。 hp鯖-ProLiant-ML115(格安Server) - wiki@nothing このサーバー、標準のCPU FANとケースFANが「飛びたいの？」というくらいの爆音を放ってくれるので、とてもじゃないですがそのままでは自宅サーバーとしては使う気にはなれませんでした。CPUもシングルコアの2.2GHzなので、主力デスクトップ機として使うのも力不足です。なので、2年前に購入してから最近まで殆ど使っていませんでした。 ML115を静音化する しかしながら、最近になってこのブログや個人サービスを動作させている専用サーバーのOSを入れ替えたくなってきたので、一時的な引っ越
幻想的な世界へ誘う｢スロー・シャッター写真コンテスト｣
ピカソ、カッコイイですね。 こんな風にはできないかもですけど、スロー・シャッターに挑戦してみたい！ って人も多いのではと思い、スロー・シャッター写真を募集してみました。 ただし、今回はルールを３つほど設けて。 １．自分で投稿すること ２．コンテストの期間中に撮影した写真であること ３．簡潔に設備・設定・テクニックについて説明をしてください。 その結果、想像以上にすごいスロー・シャッター写真が集まったんです。それでは、僕のお気に入り3作品を含め、応募してもらった71枚のスロー・シャッター写真をギャラリーでお楽しみください！ 1位 smoke signal（のろし）は、OLYMPUS SP-350の夜景モードで撮影しました。 そして、キャンディー・ケインみたいなシマシマ模様は、長さ約15cm×幅1.2cmの色の変化するLED レイブライトをテープでクルクルっと巻いて作りだしました。そして、ライ
もっとApacheを知ろう いまさら聞けない!? Web系開発者のためのサーバ知識 第2回 - ＠IT
もっとApacheを知ろう：いまさら聞けない!? Web系開発者のためのサーバ知識（2）（1/3 ページ） 自動起動の設定 第1回「Webサーバから始めよう」で手順を追って設置した/etc/rc.d/init.d/httpdというApacheの制御スクリプトは、システム起動時におけるApacheの自動起動に利用できます。 今回は、Linuxのシステム起動時に各種のサーバプログラムを自動的に起動させる方法を、Apacheを例に紹介しておきましょう。 まず、/etc/rc.d/init.d/配下に、サーバ制御スクリプトを設置します。制御スクリプトの内容はサーバプログラムにより異なりますが、多くのパッケージではインストール時に自動で設置されるか、またはサンプルが提供されます。今回の例では、すでに紹介した手順で/etc/rc.d/init.d/httpdを設置済みです。 次に、/etc/rc.d/
Mozilla Re-Mix: Firefox上で「Google ツールバー」を自動的に隠す方法。
FirefoxやThunderbirdはWEBユーザーの必須アイテム。 初心者からヘビーユーザーまで使える！便利でクールなFirefox拡張機能（アドオン）の使い方やカスタマイズ、Mozilla関連情報をどうぞ。 Adobe 「Flash Player」を緊急アップデート。 by hoge (07/16) Adobe 「Flash Player」を緊急アップデート。 by H.I. (07/16) ウェブページから余計なコンテンツを排除して読みやすく表示できるFirefoxアドオン「Tranquility Reader」 by しんちゃん (07/11) YouTubeのHTML5動画に表示される広告をブロックしてくれるFirefoxアドオン「YouTube Advertisement Blocker」 by はち (06/17) ウェブページ上の不要なリンクを非表示にできるFirefox
Google Wave コンプリートガイド - The Complete Guide to Google Wave: How to Use Google Wave
From The Complete Guide to Google Wave: How to Use Google Wave Google Wave コンプリートガイドはジーナ・トラパーニとアダム・パッシュによる本格的なユーザーマニュアルです。 Google Wave は新しいウェブ上のコラボレーションツールで、理解しづらいことで有名です。このガイドはその理解の助けになるでしょう。このガイドを使えば、Google Wave の使ってあなたのグループが仕事を進める方法について学ぶことができます。Google Wave は新しいサービスで、急ピッチで開発が進められていますので、このガイドブックは Wave が成長し、変化してゆくに従って内容も変化してゆく予定です。「Google Wave コンプリートガイドについて」のページをお読みいただくとともに、私たちを Twitter でフォローして、
複数のGmailを一ヶ所のメインGmailアカウントに集約して利用する方法 - 適宜覚書はてな異本
主に利用しているメールアカウントでGmailを開いた際に、別途使っているGmailアカウントのメールを纏めてみたい場合どうすればいいでしょうか？ メインアカウントでGmailにログインする。 画面上部の緑色フラスコアイコン、即ちLabsのアイコンをクリックする。んなものは存在しねえ、畜生めって人は「設定」から「Laｂs」を選択しよう。 下にスクロールしていって「マルチ受信トレイ」で「有効にする」をクリック。スクロールが面倒ならCtrl+Fで検索しなされ。 転送させたいメインじゃないGmailアカウントでログインして、メール転送設定を行う。具体的には、「設定」-「メール転送と POP/IMAP」を選択して、「転送」エリアにある空欄に先程のメインアカウントのGmailアドレスを指定、プルダウンは任意に選択します。これにより転送して、転送元の受信ボックスに残しておいたり、アーカイブに残したり、そ
iPhoneと過ごした500日まとめ(67,695円分の1軍アプリ達) - iPhone.goodegg.jp
iPhoneと過ごして500日経ちました。(2008年7月12日に買ったので2009年11月24日で500日。) 宮本武蔵さん曰く「千の稽古を鍛とし、万日の稽古を練とす。」らしいのでiPhone道も道半ばですが...500日を記念してどんなアプリを使っているのかまとめておきます。 とりあえずホーム画面を横繋ぎにするとこんな感じです。中にはあんまり使っていないアプリもありますが...一応スタメンアプリ達です。(ロックスクリーンから9枚目まで。10枚目は以降は現在お試し中アプリ領域なので割愛。) 大きな画像 2009/11/30 - 別冊と付録も書きました。 別冊:1軍なアクセサリートップ5 付録:アプリ表の作り方 前置き ページ分けしていない重い記事でごめんなさい... HTML込みの原稿レベルで10万文字超あります...があえての1記事。 iPhone 3GS(OS 3.0)での使用感で書
最近気になるファッション系webサービスをまとめてみた - 75-85
今個人的に面白いと思っている、 ファッション系webサービスをまとめてみました。 どんどん新しいモノが生まれて来る分野だけに、 どこまでをまとめるかが難しいのですが、気になるものに絞りました。 （結構昔からあるモノもありますが・・・） ● ファッション試着サービス『AWASEBA』 ファッション試着サービス『AWASEBA』 Web上で商品のコーディネートが楽しめるサービスで、以下のように 画像のモデルさんで商品を合わせる事が出来ます。 今は着せ替えっぽい感じですが、商品の色変更とかが出来れば面白いはず。 最近では、セレクトスクエアとのタッグ（？）での「coen」の ファッションセレクトショップの紹介(レディース)も始めたようですが、 実際の商品購入時にどれくらい活用されているのか注目です。 ● ルックアップのファッションコーディネート買物代行サービス ファッションコーディネート買物代行サ
グーグル、タリーズ・プロント・ロッテリアで「お試し無料Wi-Fi接続」を提供開始
グーグルが、本日11月30日より、タリーズ・プロント・ロッテリアの店舗で、iPhone・iPod touchを含むWi-Fi搭載デバイスを対象に、お試し「無料インターネット接続」の提供を開始しています。[source: Google Japan Blog] 「Google さがそうキャンペーン」の一環として行うもので、NTTBP株式会社の公衆無線「Wi-Fine」 を、一日30分まで無料で提供するものです。 地域: 東京都、神奈川県、埼玉県、千葉県、愛知県、大阪府 店舗： タリーズ・プロント・ロッテリア(リストはコチラ) 期間： 2009年11月30日〜2010年2月28日 iPod touchユーザーにとって朗報なのはもちろんのこと、iPhoneユーザーにも、 10MB以上のアプリのダウンロード YouTubeを高画質で視聴 パケット利用量節約による「通信品質確保対策」の対象回避 といっ
Google Wave関連情報のまとめ - WEB人
Google Wave関連情報のまとめ 公開：2009年11月30日 13:08, 更新：2009年11月30日 13:14 トラックバック(0) コメント(0) Google Waveに関連する情報を、カテゴリーごとにまとめています。新たな情報が見つかれば、随時追加します。追加情報や修正箇所がありましたら、コメントやTwitter(@souta_tw)などで知らせ頂けると、とーっても助かります。 ガイド 英語 Using Google Wave 英語：公式、簡単な案内。 The Complete Guide to Google Wave: How to Use Google Wave 英語：非公式、詳しいガイド。本家ライフハッカーの元編集長のGina Trapaniと、現編集長のAdam Pashの二人が書いたもの。 日本語 Google Wave コンプリートガイド 日本語：非公式、
UnicodeとUTF-8の違いは？ - Humanity
という2chのスレがかなり勉強になったのでまとめ。 少しでも有用だと思ったものは載せてあるので結構長いです。 Unicodeのような文字集合(符号化文字集合？)やUTF-8のようなエンコーディング方式に限らず色んな文字コードにまつわる話があります。 たびたび話が繰り替えされますがそれは確認ということで。 (元スレ) 追記：簡単にまとめました。 1 ：デフォルトの名無しさん：2007/04/30(月) 20:02:37 ビッグインディアンとかなんとかかんとか 3 ：デフォルトの名無しさん：2007/04/30(月) 20:05:48 また、頭の悪そうなスレが・・・ >>1 それは魚とマグロの違いを訊ねるようなもんだ。 4 ：デフォルトの名無しさん：2007/04/30(月) 20:06:49 魚と鮪というよりは、魚と刺身の違いのような気がする。 5 ：デフォルトの名無しさん：2007/04/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
crossbreed.jp
Google Doodles
IDEA * IDEA
米lifehacker読者が感謝の意を表したいフリーソフト61選（2009年版） | ライフハッカー・ジャパン
IDEA * IDEA
http://blogging.from.tv/wp/2009/11/30/3016