html5-memo.com
iOSとAndroidに最適化したJavaScriptフレームワーク「jqMobi」登場。jQuery Mobileより小さくて高速
iOSとAndroidに最適化したJavaScriptフレームワーク「jqMobi」登場。jQuery Mobileより小さくて高速 jQuery Mobileと同様に、HTML5のマークアップでモバイルアプリケーション開発を実現するオープンソースのJavaScriptフレームワーク「jqMobi」のβ版が公開されています。 jqMobiのコンセプトは、jQueryとjQuery Mobileの機能のサブセットを、iOSとAndroid向けに最適化したものといえるでしょう。 すでにjQueryやjQuery Mobile、あるいはSencha Touchなど、さまざまなモバイル向けHTML5/JavaScriptフレームワークが登場する中で、jqMobiの特徴はどこにあるのか、ブログで次のように説明しています。 jQuery - still focuses on the desktop.
[翻訳] モバイル向けの CSS Media Queries は見掛け倒しである | Unformed Building
この記事は、2010年8月3日に Jason Grigsby によって書かれた CSS Media Query for Mobile is Fool’s Gold を翻訳したものです。 画像・表・リンクなどは掲載していませんし、翻訳が怪しい場所がところどころにありますので、ちゃんと読みたい方は原文を参照してください。 翻訳部分は次のセクションとなります。 CSS Media Query for Mobile is Fool’s Gold Ethan Marcotte の記事「Responsive Web Design」はウェブ開発者たちの想像力を刺激し、いくつかの後続の記事はモバイルに最適化されたウェブサイトを構築する方法として、CSS Media Queries をもてはやしました。 私もまた「iPad Orientation CSS」という記事でこの流行に貢献した罪があります。 残念な
SEO内部施策だけで検索エンジンからの来訪が3億PV増加、社内にSEOノウハウも蓄積／pixivのSEO事例 | 事例
そう話すのは、ピクシブ株式会社のディレクター中村氏と鈴木氏。 多くのユーザーが自分でイラスト・漫画・小説を創作し投稿するpixivのサイトでは、検索エンジン最適化に関してどんな問題を抱えていて、どんなSEO施策を進めたのだろうか。 今回pixivのSEO施策を担当した株式会社アイレップの担当者とともに、話を伺った。 今回のSEO施策でpixivが行ったのは、次のようなものだ。 サイトコンテンツのインデックス促進 ―― 重複コンテンツなど不要なページへのクロールをなくし、意味のあるページをよりクロールしやすいようにサイト内リンクを最適化することで、検索エンジンが効率的にコンテンツをインデックスできるようにする最適化。検索ボリュームが多くなるキーワードに対応した重み付け ―― 関連するイラスト投稿の多いキーワードに対するサイト内リンクが自動的に増える仕組みの実装。検索エンジンが理解しやすいペー
perfの使いかた
概要 Linuxのパフォーマンス解析ツールであるperfの使いかたの紹介 背景 個人的にperfよくできてると思うので紹介したいというのと、 パフォーマンスカウンタの読み方ってあんまり知られてないみたいなので、 それの解説を書きたい。 構成 perf について説明したあと、パフォーマンスカウンタの読みかた、見かた、を説明する。 perfとは何か Linuxに付いてくるプロファイラ。 man perf によると、 NAME ---- perf - Performance analysis tools for Linux と、書いてある。名前がひどいのでなんとかしてほしい。 perf の特徴 個人的には、手軽に使えるのが素晴らしいと思う。 2.6.31以降カーネルに標準で付いてる。(Ubuntuだとlinux-tools-common(TODO:あとで確認)で入るはず) 特殊な設定が必要無く、
ECサイトのスマホ対応が今すぐ必要なたった1つの理由 | Web担当者Forum
オンラインショップにとってスマートフォン対応が必要な理由とは？ また「スマートフォン最適化」ではどのような点がポイントになるのか。 個人ユーザーのインターネットの利用ツールが、「PC＆ケータイ」から「スマートフォン＆タブレット端末」へと大きく変わりつつあるイマと近い将来を、データを交えながら解説する。 スマホ経由の売上伸び率がPCの売上伸び率を凌駕2010年7月、ドミノ・ピザがiPhoneアプリ「Domino's App」経由で1億円以上を売り上げたことが話題になった。iPhoneユーザー、しかもアプリ利用者という極めて限定された顧客セグメントでこれだけの売上が上がったことに、衝撃を受けたネットショップ運営者は多いのではないだろうか。 2010年下半期以降は、iPhoneに加えてAndroid端末の普及も進み、アパレル関連業界でもスマートフォン（スマホ）対応の“成功事例”が、ちらほらと報じ
導入も手軽でiPhoneなどにも自動でレイアウトを最適化するシンプルなイメージスライダーを実装出来るjQueryプラグイン・Slides
レスポンシブWebデザイン対応のイメージ スライダーです。かなり沢山出てきました ね。こちらはcssやHTMLもシンプルで済む のでコードをシンプルにしたい際は使い 勝手が良さそうです。こうして選択肢が 増えるのは凄くうれしいですね。 続々出てきますね・・・こちらもレスポンシブWebデザイン対応のスライド。こちらはMedia Queriesを使用していないようなので、いつも通りのマークアップで手軽に実装出来るのが特徴みたいです。 パッと見は普通ですが、どのようなモニターサイズでもレイアウトを崩すことなくスライダーとして機能してくれます。slidesjsベースで作っているようですので2つ先、3つ先の画像に移動しても余計なアニメーションがありません。 スクリーンショット スマートフォンで閲覧しても自動でスライドごとリサイズしてくれます。少しだけ動きがアレですかね？ コード<script src
WordPressのパーマリンクを最適化する.htaccessの設定いろいろ
Optimizing WordPress Permalinks with htaccess [ad#ad-2] 下記は各ポイントを意訳したものです。 年/月/日のパーマリンクを年だけに変更 削除したページのリダイレクト 機能を失ったページを消す カテゴリ内の全部を別のサイトへ 年/月/日のパーマリンクを年だけに変更 パーマリンクの構造を下記のように設定した年/月/日を年だけに変更します。 パーマリンクの構造（年/月/日） /%year%/%monthnum%/%day%/%postname%/ この設定は、下記のようなURLを生成します。 http://deadletterart.com/2008/09/10/impertinent-art-review/ http://deadletterart.com/2011/06/18/california/ http://deadletterar
サイトのクロールを最適化するための１５のTIPS:phpspot開発日誌
15 Ways to Improve Website Crawling | PVM Garage サイトのクロールを最適化するための１５のTIPSが公開されていました。 検索エンジンにうまくクロールしてもらえないと検索ページにも表示されず、トラフィックをみすみすのがしてしまうことにもなりそうですが、クロールを最適化するTIPSが公開されており、サイト作成時や公開時の参考にできます 以下にその目次と個人的に知っていることを追記しています。 オリジナル記事の翻訳ではないので、元記事を読みたい場合は元記事を参照してみてください。 パンくずリストを作る - サイト構造を検索エンジンに教えることができる 検索結果にもパンくずリストが出ることがありますね。ユーザビリティだけじゃなくSEO的にも意味があるとのこと。 個別のポストに３〜５の関連エントリを添える 同種のエントリを加えることでグルーピングがで
WordPressをSNS化するBuddyPressを使ったWebサイトをスマートフォンに最適化するプラグイン・BuddyPress Mobile
未検証です。見かけたのでメモ的に記事 にします。WordPressをSNSとして使う ことが出来るBuddyPressというプラグイン があるんですが、これを使ったWebサイト をスマートフォン向けに最適化する、という プラグイン。 なんだかややこしいですが、BuddyPressというのはWordPressをSNSに出来てしまうプラグインです。詳しくはWebクリエイターボックスさんの記事を見てください。 で、BuddyPress Mobileというのは、BuddyPressを使ってるサイトをスマフォ向けに最適化してくれるというもの。 BuddyPress製のサイトをスマフォ向けに出来るプラグインだそうです。iPhone、iPod touch、Androidと一部のBlackBerryに対応してるよ、とのこと。SNSとスマフォの相性は割と良さそうなので導入してみるのも有りかもですよ。 スマー
JavaScriptとCSSファイルのHTTPリクエストを最小限にし圧縮・キャッシュする -BoxJSとBoxCSS
ウェブサイトで使用する複数のJavaScriptとCSSファイルのHTTPリクエストを少なくし、圧縮・キャッシュするサービスを紹介します。 [ad#ad-2] 複数のJSファイルをまとめる -BoxJS 複数のCSSファイルをまとめる -BoxCSS 複数のJSファイルをまとめる -BoxJS BoxJSは一つのJSファイル（box.js）を利用し、モジュール式のローディングシステムで複数のJSファイルをロードできます。 BoxJS BoxJSの使い方 最初に、box.js(1.4kb)を外部ファイルとして指定します。 <script src="http://www.boxjs.com/box.js"></script> ロードするJSファイルを指定します。 Box('http://mywebsite.com/scripts/', [ 'plugins/jquery.js', 'plugi
スマフォにも対応・ディスプレイサイズに自動で幅調整するレスポンシブなjQueryイメージスライダー・Blueberry
どのようなディスプレイサイズでも自動で レイアウトを調整してくれるレスポンシブな イメージスライダーを実装出来るjQueryプ ラグイン・Blueberryのご紹介です。イメージ スライダーを取り入れているサイトは多い のでこういうのは助かりますね。 iPhone等のスマートフォンにも自動でサイズを調整してくれます。痒いところに手が届く系ですね。地味にありがたい。 見た目はシンプルなイメージギャッラリーです。が、閲覧するディスプレイのサイズに依存する事無く、自動で幅を調整、最適化してくれます。MediaQueryと相性良さそうですね。 表示確認 Media Queries Testerでのキャプチャです。 Mobilizerでのキャプチャです。 コード<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery
データベースの内部動作を知る
SQLのプログラミングは奥が深い。特にパフォーマンスの観点から、そう言えるだろう。 みなさんご承知の通り、同じ結果を出すプログラムでも、SQLの書き方次第で処理時間に何倍もの差が生じ得る。効率の悪いSQLを書いてしまう原因は、多くの場合、リレーショナルデータベースの内部動作やアプリケーションに関する理解不足である。両者をよく知った上で最適なSQLを書けるようになることは、システムエンジニアとしての重要なスキルの一つである。 特集『基礎から理解するデータベースのしくみ』では、リレーショナルデータベースの内部動作について、基本的な部分を分かりやすく解説している。SQLプログラミングに役立つことはもちろん、SQLチューニングやデータベース設計のための基礎知識としても不可欠だ。 イントロダクション ブラックボックスのままでいいの？ Part 1：SQL文はどのように実行されるのか SQL実行までの
興味深いテクニックを多々取り入れているHTML5+CSS3のフレームワーク -Gridless
当サイトの記事でも取り上げている数々のテクニックを取り入れている、IE6/7にも対応したHTML5+CSS3ベースのフレームワークを紹介します。 Gridless [ad#ad-2] Gridlessの主な特徴 CSSでユーザーのスクリーンサイズに最適なレイアウトを実現します。 参考：Media Queriesをしっかり身につけるチュートリアル クロスブラウザ対応（IE6/7も含む） CSS Resetには、Normalize CSSを使用。 参考：ブラウザのスタイルをリセットするスタイルシート -Normalize CSS 黄金比をベースにしたサイズと縦のリズムを使ったタイポグラフィ。 印刷時のスタイルをプリント時に最適化。 キャッシュの最適化。 HTML5+CSS3の採用。 安全なCSS Hack。 参考：IE9対応、IEの各バージョンごとに異なるスタイルシートを適用する方法のまとめ
東の空が朱く染まるように 忍者ツールズを支える自作サーバーたち
HadoopのNamenodeはメーカー製サーバーを利用しています。 命名は弊社インフラエンジニアのtsunokawaです。 もちろん、ある意味忍者の代名詞である「服部半蔵」からのネーミングです。 ■二代目自作サーバー≪Hanzo≫ さて、本格的に自作サーバーを展開するにあたり、集積度を上げることと 汎用性を高めること、メーカー製サーバーより安く仕上げることを考えて設計を行いました。 もちろん、保守はありませんので、故障したら即まるごと交換です。 さて、ここで最初に紹介したサイバーエージェントさんの「ミルフィーユ」を真似することでの問題点ですが、 遠隔操作がしにくい 搭載可能メモリ量が多くない サーバーグレードのパーツが使いにくい PCIeが殺されてしまう 真似するだけじゃ芸がない と、いうことで見た目以外は完全自前設計です。 さて、まずはそれぞれの問題点を潰すことから考えましょう。[5回
アウトプットを最適化する3つの方法
前エントリーでは、情報収集の最適化に関して書いたが、 今回は情報収集の最終目的であるアウトプットについて言及してみたい。 時代の変化 人はなぜ、せっせと情報を収集するのか？人はなぜ、せっせと情報を収集するのか？ 少なくともビジネスにおいて言えば、アウトプットを行うためだろう。 しかし、最近は目的不在というか、収集自体が目的化しているのではないかと思うことがしばしばある。 暇さえ見つければ、ネットにアクセスし、何かしらを閲覧していて、そこに明確な目的は存在していないようだ。 情報過多とよく言われており、実際にここ10年で選択可能な情報量は530倍に膨らんだそうだが、完全な情報過多は、考える力の低下を招いていないだろうか。 個人的には、YouTubeが登場した頃から、この傾向が始まったように感じている。 なぜか？ ネットの役割が変わったからだろう。単純におもしろいのである。 ネットのTV化 ～
「SEO」とは（おさらい編）
今さらですけど、「SEOってどんなもの？」 っていうおさらい的な記事を書いてみます。 一部の業者さんによってSEOへの認識は まったく違うものになってしまい、頭の良い 人まで勘違いするようになってしまいました。 残念な事です。 というわけで、おさらい。SEOとは何か、について簡単に。とくに釣られたわけではないでｓ SEOとはSEOはサーチエンジン最適化の略称です。現在はもうGoogleが主流なのでGoogleに最適化するのがSEO、という認識で大体あってます。勿論、人が使う検索エンジンは他にも沢山ありますが。 では、「最適化」とはどういったものを指すのでしょうか、という話なんですが、まぁ最適化する為の施工なので、 ユーザーにとって有益でないコンテンツを表示させないようにするクローラーにsitemapを送信してインデックスするのを助けてあげるURLの変更等で、適切なリダイレクト処理を行うそも
どや！？ひよっこデザイナーにもできるWebページ高速化！鍵は「HTTPリクエストの数を減らすこと」 | デザインどや！？
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
http://e0166nt.com/blog-entry-892.html
