2012年6月16日のブックマーク (11件)

  • 最低2秒、目指すは1秒以内。ウェブサイトを高速化するためのTIPS at #SMX Advanced Seattle 2012

    [対象: 上級] ページの表示速度が、Googleランキングを決める指標として日を含むインターナショナルで導入されていることがSMX Advanced Seattle 2012で判明しました。 そこで今日は、ウェブページの高速化を取り扱ったセッションをレポートします。 スピーカーは、ECサイトのREIでSEOに携わるJonathon Colman(ジョナサン・コールマン)氏です。 ウェブサイトのパフォーマンス最適化 サイトを高速化する理由 コンバージョン率の最適化 カスタマーエクスペリエンスとカスタマー満足度の向上 直帰率を下げる。 競争率が非常に激しいキーワードでオーガニックからのトラフィックを増やす。 全体的な競争力を高める。 運用費を節約する。 数字で見るページスピード Googleではページスピードが検索の1%に影響している。 ユーザーがページ表示に待てるのは2秒まで。 3秒以

    最低2秒、目指すは1秒以内。ウェブサイトを高速化するためのTIPS at #SMX Advanced Seattle 2012
    yumehiren
    yumehiren 2012/06/16
    web サイト高速か
  • 勢いで始めてみるNode.js Webアプリ開発(1/2) - @IT

    特集:Windows開発者のためのNode.js入門 勢いで始めてみるNode.js Webアプリ開発 デジタルアドバンテージ 一色 政彦 2012/06/15 いまはやりのNode.jsを使い、とにかく早くWebアプリを作って、とにかく早くクラウドで公開したい! そんな勢いだけでNode.jsプログラミングを始めてみた。実際に数時間でそれなりの機能を持つサイトが作成できたので、皆さんにその方法を紹介しよう。 ■Node.jsによるWebアプリのクラウド&ローカル環境構築 ●Windows開発者だけど、「Node.js」って何? 「Node.js」とは何か? 「.js」という部分から想像が付くように、これはサーバサイドで動作するJavaScript実行環境で、そのエンジンにはGoogle Chromeと同じ「V8エンジン」が使われている。最大の特徴は、Webサイトなどで大量の同時接続を高速

    yumehiren
    yumehiren 2012/06/16
    node
  • selectボックスを超カッコよくするjQueryプラグイン「Chosen」:phpspot開発日誌

    Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better selectボックスを超カッコよくするjQueryプラグイン「Chosen」 味気ないselectのデザインをゴージャスかつ多機能に変えてくれるプラグインです。 左が普通のselect。これをカスタマイズして右のイメージに。インクリメンタル検索ができるので項目数が多くてもOK タグ選択っぽいインタフェースにすることも出来ます 選択時のイメージ。カッコいい。 BootStrapライクなデザインなので組み込んでしまっても違和感ないかもですね 関連エントリ 中身が画像のselectボックスを作るjQueryプラグイン デザインがよくて複数連動可能なselectボックス作成jQueryプラグイン カッコいいselectボックスを作成でき

    yumehiren
    yumehiren 2012/06/16
    selectボックスを超カッコよくするjQueryプラグイン
  • Facebook活用法を完全に理解するために絶対読むべき記事まとめ

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. Facebookがビジネスに有用ということは、少しずつ業界の常識になりつつある。 しかし、それでもFacebookをどのように使えば良いのか分からないという悩みは、ソーシャルメディア担当者の全員が抱えていることだろう。 そこで、日は、Facebookをビジネスに活用し、結果を出すために必ず抑えておくべきポイントと、役に立つ記事をご紹介する。 内訳は以下の通りだ。 1.Facebookの基礎2.Facebookの活用事例3. Facebookページの作り方と運用法4.Facebookページのプロモーション法5.ボーナス:参考にしたい国内Facebookページ10選それでは、早速見て行こう。 Facebookの基礎まずは、あらためてFace

    Facebook活用法を完全に理解するために絶対読むべき記事まとめ
    yumehiren
    yumehiren 2012/06/16
    facebook 運用
  • Googleマップをもっと簡単に使おう·gmaps.js MOONGIFT

    gmaps.jsはGoogleマップを使いやすくするJavaScriptライブラリです。 GoogleマップではJavaScriptAPIも提供されていますが、使い勝手が良いとは言えません。活用していくならばもっと使いやすいgmaps.jsを利用しましょう。 まず普通の表示。GMapsに位置情報を渡すだけです。超簡単。 イベントも取れます。クリックやドラッグなど様々なイベントが使えます。 マーカーの追加も分かりやすいです。マーカーにイベントをつけるのも簡単。 HTMLコンテンツを表示するのも手軽です。 HTML5の位置情報取得にも対応しています。 住所を検索してジオコーディング。 ドローです。指定は大変ですが。 オーバーレイ表示です。 ルート検索です。二つの位置情報を渡すだけです。 ルート検索をさらにポイントごとに表示していくこともできます。 こちらは静的なマップ。画像として表示できます

    Googleマップをもっと簡単に使おう·gmaps.js MOONGIFT
    yumehiren
    yumehiren 2012/06/16
    Google Map API JS
  • Web制作者が読んでおきたい、最近公開されたおすすめのスライド

    UXのためのUIデザイン / 『デザイニング・インターフェース』読書会資料 / イノベーションの方法としてのデザイン思考他...全11件

    Web制作者が読んでおきたい、最近公開されたおすすめのスライド
    yumehiren
    yumehiren 2012/06/16
    Web制作者が読んでおきたい、最近公開されたおすすめのスライド
  • TechCrunch | Startup and Technology News

    Seedstars Capital and Swiss philanthropic foundation Fondation Botnar have launched Seedstars Youth Wellbeing Ventures, a $20 million investment mandate targeting early-stage startups in Africa that a

    TechCrunch | Startup and Technology News
    yumehiren
    yumehiren 2012/06/16
    リーンスタートアップの実践手法
  • 暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]

    2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、当にありがとうございました。

    yumehiren
    yumehiren 2012/06/16
    Googleアナリティクスでソーシャルからの流入を解析する方法 google analytics
  • 角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成&コード生成をしてくれる「CSS3 ジェネレーター」まとめ!!

    角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成&コード生成をしてくれる「CSS3 ジェネレーター」まとめ!! html5-css3-orange-logos / Nelson Felix Giga どうも!おつぱ( @OZPA )です! 今回は、角丸やドロップシャドウ、グラデーションに2D/3Dアニメーションなど、CSS3に対応したスタイルを簡単に作成、さらにコードを生成してくれる「CSS3 ジェネレーター」を厳選して8つご紹介! ウオアアアアアアアア さて、CSS3対応ブラウザも増え、角丸、ドロップシャドウ、グラデーションにWebフォント、はたまた2D/3Dのトランスフォーム(回転/拡大縮小/移動)やアニメーションなどなど…リッチなUIがコードのみで表現できるようになりました。 関連:[CSS]GoodDesign賞にノミネートされて落選するこ

    角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成&コード生成をしてくれる「CSS3 ジェネレーター」まとめ!!
    yumehiren
    yumehiren 2012/06/16
    css css3 html5 まとめ
  • How to create a Custom CakePHP Template

    yumehiren
    yumehiren 2012/06/16
    cakephp
  • ユーザーの声を集約してイノベーションへと繋げるフィードバックサービスが今後注目を集める3つの理由 | 汗と涙のソーシャルコマース全開ブログ

    お金が必要になって、CMでもよく目にするカードローンおすすめのプロミスを利用してみようかなぁ、なんて考えているときに、「勤務先に在籍確認を行います」という文言を目にして不安になった人はいませんか?「勤務先に借り入れがばれてしまう…でもお金は必要だからプロミスは申し込みたい」、そんな人もいると思います。プロミスの在籍確認ってどういうものなのでしょうか。 まず、なぜ在籍確認を行う必要があるのでしょうか。プロミスをはじめ他の消費者金融を利用するということはお金を借りるということですよね。お金を借りたら返済しなければいけません。返済するには収入が必要ですし、収入は働いて得るものですよね?プロミスを申し込むときには、きちんと収入がありますよ、という証明するために「私はきちんと働いていて勤務先はここです」ということを記載します。その記載に嘘がないか、当に働いているのかということを調べるために、在籍確

    yumehiren
    yumehiren 2012/06/16
    スタートアップ情報