Webサイトの高速化・軽量化に使えるTips・参考記事を集めてみました - Feel Like A Fallinstar
Googleもスマートフォンに参入、ノートPCが完全に主流になるなど、ブロードバンドから逆に回線の「低速化」が起こっています。 参考： 今だからこそ、「軽量なウェブサイト」を作ることが重要、というお話 また、GoogleはWebの表示速度をPageRankに加味することを検討中であることを明言しています。 ただ、そうは言ったものの、ちゃんと実装しないと話しにならない訳で・・（大汗 細かいことでもちゃんと積み重ねて行かねばと。 というわけで、軽快なサイトを実装するためのTipsを自分のサイトで使ったのを備忘録的にここにも書いておきたいと思います。 まずはまとめ記事から 原則を押さえてから、細かいところに行った方が効率がよいかな、と思います。 30分でできる！Webサイトを高速化する6大原則 最適化を行うための観点が簡潔にまとまっていて、高速化チェック項目として有効です。 具体的な方法もいくつ
わかりにくい1クリックよりも、わかりやすい2クリック (ユーザビリティ実践メモ)
トップページに多くの要素を盛り込まねばならず、情報の整理に悩んでいる方も多いのではないでしょうか。そんな時、ユーザの文脈を考慮することで情報整理方法が見えてきます。 上の画面例はBtoB向け製品を主に扱っているメーカーサイトのトップページです。各製品カテゴリへのテキストリンクがトップページに配置されており、弊社のユーザ行動観察調査では、はじめてこのサイトを訪れるユーザが「何かごちゃごちゃしている」と言いながら、どこをクリックすべきか迷う傾向が見られました。 そこで、 トップページでは大まかに振り分け、次の階層で各製品カテゴリを選ばせるという図2のような画面に変更したところ、ユーザは目的の製品ページへスムーズに到達できるようになりました。 改善後の画面 目的のページに達するまでのクリック数は少ないほうがよいと言われますが、クリックを減らすことが目的になってユーザを迷わせてしまっては本末転倒で
Route 477 - Ruby基礎文法最速マスター＆Ruby書籍紹介
■ Perl基礎文法最速マスターをだいたいそのまま、Rubyに置き換えてみました。 他の言語をある程度知っている人はこれを読めばRubyの基礎をマスターしてRubyを書くことができるようになる…かも知れません。無保証です。 参考： オブジェクト指向スクリプト言語 Ruby リファレンスマニュアル (1.9.2) オブジェクト指向スクリプト言語 Ruby リファレンスマニュアル (1.8.7) ■ 1. 基礎 インタラクティブRuby (irb) irbを使うと、Rubyのプログラムを簡単に練習することができます。 /Users/yhara $ irb irb(main):001:0> puts "hello" hello => nil irb(main):002:0> 1 + 1 => 2 以下の説明は、irbを起動して、自分で試しながら読むと習得が早いと思います。 表示 (print,
既存のプロジェクトマネジメント手法の落とし穴とは？
既存のプロジェクトマネジメント手法の落とし穴とは？：プロジェクトは「やる気」で成功する（1）（1/2 ページ） これまでも数々のプロジェクトマネジメント手法が考案されてきたが、現在も数多くのプロジェクトが失敗に終わっている。それはなぜか？ 制約理論を提唱したエリヤフ・M・ゴールドラット博士は工学的な視点で既存手法の問題点を指摘したが、竹之内隆氏は人間的な見地から既存手法の新たな落とし穴を指摘する。 人は論理のみでは動かない、動かせない 複数のメンバーが参加するプロジェクトをスムーズに遂行するためには、計画を策定するプロセス、それを実行するプロセスの両方において、全関係者が足並みをそろえなければなりません。そのためには、論理的な戦略と、それに基づく漏れのないWBSが不可欠とされています。しかしそうした要件を満たしていても、現実には数多くのプロジェクトが失敗に終わっています。 なぜうまくいかな
経路探索アルゴリズムの「ダイクストラ法」と「A*」をビジュアライズしてみた - てっく煮ブログ
as詳解 ActionScript 3.0アニメーション ―衝突判定・AI・3DからピクセルシェーダまでFlash上級テクニック を読んでいて、経路探索のアルゴリズムで A* が取り上げられていました。A* については、いろいろ検索して調べたりもしたのですが、やっぱり本に書いてあると理解しやすいですね。せっかくなので自分流に実装してビジュアライズしてみました。ダイクストラ法まずは A* の特別なケースでもあるダイクストラ法から見ていきます。クリックすると探索のシミュレーションが開始します。スタート地点(S)からゴール(G)への探索が始まります。色がついたところが「最短経路が決定した場所」です。スタート地点から少しずつ探索が完了していきます。半分ぐらい完了しました。まだまだ進みます。最後まで終わりました。最短経路を黒色矢印で表示しています。ダイクストラ法は、スタート地点から近いノード(=マス
リンパの場所・役割とリンパマッサージ方法：むくみ解消、免疫力UP、疲労回復！ - 久保清隆のブログ
リンパマッサージでリンパの流れをよくすると健康によいとエステティシャンから聞いたことがあった。 私は薬学部で大学院まで出たので、生理学でリンパのことは習ったなぁと思い出し、むくみを解消するためにリンパを流すセルフマッサージをしてみた。 すると顔のむくみがとれて、顔、鎖骨周り、足などがスッキリする。 友人に教えたら、そもそもリンパとは何か、リンパの場所がどこなのか、リンパの流れをよくするにはどうしたらよいのか、といったことを質問されたので、以下にまとめた。 『世界一受けたい授業』で、リンパ学会理事長の大橋俊夫先生のリンパに関する講義があったのでそれを参考にしつつ、最近の研究の論文も含めてまとめた。 目次 リンパとは リンパ節の場所 リンパの２つの役割 体内の老廃物の回収と運搬 免疫力アップ むくみの原因とリンパの滞る原因 むくみの原因 リンパが滞る原因 筋肉を動かさないこと 冷え性 ストレス
2ケタのかけ算もすぐできる？知っておきたい「暗算テクニック」 - はてなニュース
仕事でも普段の生活でも、ふとした時に使えると便利なのが「暗算」。いちいち計算機に頼らなくてもパパッと答えが出せれば、時間も有効に使えますよね。そこで今回は、「暗算のテクニック」についてのエントリーを集めました。 ■まるで手品みたい？覚えておきたい暗算テクニック 九九はマスターしていても、2ケタ以上のかけ算になると急にややこしく感じますよね。実は「これで答えが出るの？」という意外な方法もたくさんあります。 「焼肉じゅうじゅう」方式の暗算って？ ▽脳若返り！ 究極役立ち計算術 : ためしてガッテン - NHK NHKの「ためしてガッテン」で紹介された暗算術がこちら。スーパーでの買い物を予算内に納める時に役立つ「どんぶり勘定」（100円を“1どんぶり”と考え、頭の中でどんぶりの数を足していく方法）や、「じゅういくつ x じゅういくつ」のかけ算に使える「焼肉じゅうじゅう」方式のかけ算などがあります
機種依存文字や半角カナを変換する jQuery プラグインを書いてみた - Cyokodog :: Diary
以下のような丸囲い数字や半角カナを、他の文字に変換する jQuery プラグインを書いてみました。 フォーム要素などでこれらの値が入力されるケースが良くあるのですが、環境によっては文字化けやトラブルの要因になるので、登録処理を行う前に代替の文字に強制変換するといった使い方をしています。 使い方 jquery.js 、jquery.exreplace.js を読み込み、変換対象の要素に対し exReplace() メソッドを実行すると、表のとおりの変換処理を行います。パラメータを指定することで、変換対象の文字を限定することができます。 Demo 保存ボタンを押した時点で変換したい場合は、保存ボタンの click イベント内で exReplace() メソッドを実行します。 jQuery(function($){ $('#save_btn').click(function(){ $('inpu
ちょっとしたJS - When it’s ready.
良くやる事だが、毎回やり方忘れてしまうのでメモ 空っぽの要素に、JSONで渡された情報をもとにひたすら要素を詰め込むやり方 [[1,2,3],['a','b','c'],['x','y','z']]みたいなJSONがあったとして <div id='hoge'> <input type='text' value='1'/> <input type='text' value='2'/> <input type='text' value='3'/> <br> <input type='text' value='a'/> <input type='text' value='b'/> <input type='text' value='3'/> <br> <input type='text' value='x'/> <input type='text' value='y'/> <input type
jquery.dynatree.js documentation
This document describes dynatree version: $Version:$. Document revision: $Revision:$. A current version may be found at the project site http://wwwendt.de/tech/dynatree/index.html. NOTE: Dynatree 1.x will eventually be replaced by Fancytree. I will support Dynatree for a while, but no new features will be added. Fancytree is the next generation of Dynatree (see also migration hints) Dynatree is a
何度見てもすごい５０本
「何度見てもすごい５０本」決まる、「午前十時の映画祭」2009年12月21日 映画演劇文化協会（松岡功会長）が主催する「午前十時の映画祭 何度見てもすごい５０本」の上映作が決まった。往年の洋画５０本を全国の２５劇場で、来年２月６日から１年間、連日午前１０時から上映するもの。作品は次の通り。 カサブランカ▽第三の男▽天井桟敷の人々▽雨に唄えば▽ライムライト▽ローマの休日▽裏窓▽エデンの東▽ショウほど素敵な商売はない▽戦場にかける橋▽昼下りの情事▽鉄道員▽お熱いのがお好き▽十二人の怒れる男▽北北西に進路を取れ▽アパートの鍵貸します▽太陽がいっぱい▽チャップリンの独裁者▽ベン・ハー▽ウエスト・サイド物語▽アラビアのロレンス▽大脱走▽男と女▽ミクロの決死圏▽２００１年宇宙の旅▽ブリット▽ロミオとジュリエット▽ワイルドバンチ▽明日に向って撃て！▽ゴッドファーザー▽激突！▽フォロー・ミー▽映画に愛をこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
