スマートフォンのコンバージョン率を上げる秘策 from Conversion Conference Boston 2013
[対象: 中〜上級] 僕が所属するセルフデザイン・ホールディングスの海外遠征の一環で、昨年の秋に米ボストンで開催されたConversion Conference Boston 2013に参加しました。 僕が海外カンファレンスに参加したときはセッションレポートをこのブログで公開するのが通常です。 ところがConversion Conference Boston 2013に関しては、帰国後予想以上に忙しかったせいもありレポートをまとめる時間がとれませんでした。 時間がたちましたが、ようやくまとめることができたのでセッションレポートを公開します。 この記事でとりあげるセッションはモバイルサイトのコンバージョン率を上げるための秘策です。 スピーカーは、SeeWhyの創設者、Charles Nicholls（チャールズ・ニコルズ）氏です。 では行ってみましょう。 モバイルにおけるコンバージョンの問題
[JS]縦長1ページのスクロール時にさまざまなインタラクションを加えるスクリプト -ScrollStory
ティザーサイトやプロダクトページ、ポートフォリオ、企業サイトなどにも多く採用されているスクロールを前提とした縦長のページにさまざまなインタラクションを加えることができるjQueryのプラグインを紹介します。 Scroll Storyの名の通り、スクロールするごとにさまざまなストーリーを与えることができます。 ScrollStory -GitHub ScrollStoryの特長 ScrollStoryのデモ ScrollStoryの使い方 ScrollStoryの特長 ScrollStoryは、スクロールベースのページとインタラクションをシンプルな実装で作成できます。 スタイルにとらわれない、自由なスクロールベースのページを作成可能。 既存コンテンツの流用だけでなく、新たにオブジェクトを配列で生成することにも対応。 jQuery UIの16種類のイベント・コールバックが利用できます。 アクテ
プラグインまとめ20選 | 株式会社LIG
1月が終わってしまった・・・・・ どうも正月が恋しい段田です。 今回はWordPressサイトを構築している時に役に立つプラグインを紹介したいと思います。タイプ別で分けて紹介します。 目次 デバッグ系プラグイン 記事操作系プラグイン パーマリンク系プラグイン データ移行・操作系プラグイン その他 デバッグ系プラグイン WordPress構築時にWordPress内の情報を確認したい場合に利用すると便利なプラグインです。 Debug Bar 開発時のデバッグで利用するとても有名なプラグインです。パラメータ情報やエラー情報を確認できたりします。 また、このプラグインの拡張用プラグインもいくつかあるので、多機能です。 必須プラグインと言っていいでしょう。 Debug Bar Debug-Bar-Extender 先ほど紹介したDebug Barを拡張するプラグインになります。利用するときはDeb
画像の最適化をCLIだけで行うgrunt-imageを作った | 1000ch.net
GUI要らずを目指して Webにおける画像については以前記事にしましたが、 そのフローをより良くするべく最近gruntのモジュールを作ったのでその話を。 前置き 私は弊社サービスのパフォーマンス改善を業務としてしています。 何がボトルネックになっているかは各プロジェクトでまちまちですが、 共通しているのが 「とにかく画像が多い」 というところ。 どのサービスもペイロードサイズの80%程を画像が占めているんですね。 画像の最適化を忘れるだけで（例えば）100KBとか平気で増えるので、 これではCSSやJavaScriptのファイルサイズを減らしても本末転倒です。 （もちろんCSSもJavaScriptも結合と圧縮は非常に重要です。） 各種最適化ツール GUIだと以下の3つが有名で優秀です。 ImageAlpha - フリーソフト。24bitのPNGの8bitコンバートを行う。256色~2色ま
すごい役立った！Web制作に特化した「提案書」に入れておきたいこと、知識
作成：2014/02/3 更新：2014/11/01 ディレクション > 提案書に必ず書いておきたいことを順を追ってメモしました。イメージはブログ用なので簡易的なものとなっています。フローや内容は会社によって違うと思います。 エンジニア速報は Twitter の@commteで配信しています。 もくじ サイトリニューアルの提案 自社分析によるサイトの問題点とその解決策 見やすさ、管理しやすさへの主な工夫 サイトレイアウト案（トップページ） フロント画面＋管理画面 イメージ 保守＋運用 セキュリティ面でのご提案 バックアップと緊急時の対応 サイトマップ案 強み、実績、事例 スケジュール サイトリニューアルの提案 企画提案書の流れをメモしておきます。実際に提案するときは、ポイントをおさえて簡潔に説明していきます。必要な部分だけピップアップして使います。 自社分析によるサイトの問題点とその解決策
Read Feedly Offline: Download Unread Items To An Ebook
The Google News downloading service NewsToEbook now works with Feedly. With it you can download your unread items from Feedly to an EPUB or MOBI ebook file. The Google News downloading service NewsToEbook now works with Feedly. With it you can download your unread items from Feedly to an EPUB or MOBI ebook file, which you can then read on your offline e-reader. Kindle, Kobo, Nook and even your tab
初心者向け！CSSフレームワークFoundationのSass版を使用する為の環境構築。 | デザイニングラボ
おはようございます(・∀・) 今日も一日頑張りましょう！ てなわけで、くっくる（@kuck1u）です。 みなさん、突然ですが、レスポンシブデザインでコーディングする時、どうしてます？ 僕は、レスポンシブデザインのコーディングが苦手なので、CSSのフレームワークを利用しています。 フレームワークを利用するようになったのは、現場でかならず使われているWordPressデザインのメソッドで紹介されているのを読んだのがキッカケです。 現場でかならず使われているWordPressデザインのメソッドではFoundationというフレームワークが紹介されています。 色々試してみたのですが…Foundationが一番肌に合ったので、Foundationを使用しています。 今回は、FoundationのSass版を利用できるようにする迄の道のりをメモがてら共有します。
【小技】機内モードだと充電時間が短縮できる!?本当かどうか試してみたぞ | カミアプ
こんにちはyumiです。 前に「電子レンジでiPhoneを温めると一瞬で充電できる」という噂がありましたが、これは真っ赤なデマでした。 しかし実際に試す人がいたほど、みなさん少しでも充電時間を減らしたいと思ってますよね。そこで今回は「充電時間を短縮する小技」をご紹介します。 機内モードで充電時間を短縮する小技 充電時間を短縮するにはiPhoneを機内モードにするだけ！ iPhone「設定」→「機内モード」、または「コントロールセンター」から設定できます。 確かに電波を受信しない「機内モード」なら充電が早く出来そうですが…どのくらい効果があるのか実際に試してみましたよ！ 本当に早く充電できるのか試してみた 計測方法は バッテリーが5%増えるまでの時間を計測 ロックはせず画面点灯したまま 『時計』アプリのストップウォッチで時間を測る 『時計』以外のアプリはバックグラウンドから消去 このルールの
Windows Phoneの販売シェア、世界24ヶ国でiPhoneを上回る【2013年Q4】
2013年Q4(10～12月)においてWindows Phoneの販売台数シェアが世界24カ国でiPhoneを上回ったとForbesが報じました。 ■24ヶ国の内訳は下記の通りです。 チリ コロンビア チェコリパブリック エジプト エクアドル フィンランド ギリシャ ハンガリー インド イタリア ケニア クウェート マレーシア メキシコ ナイジェリア パキスタン ペルー ポーランド サウジアラビア 南アフリカ タイ ウクライナ アラブ首長国連邦 ベトナム 新興市場だけでなく欧州でもシェアが拡大しているとのこと。 Kanterの調査では、欧州5大市場(イギリス・ドイツ・フランス・イタリア・スペイン)でiPhoneの過去12ヶ月間のシェアは20.8％から15.8％に下落したのに対し、Windows Phoneは4.8％から10.2％に増加したそうです。 ただWindows Phoneの売り上げ
LabTips/ ThunderbirdやFirefoxがデスクトップを散らかすのを防ぐ - 電子計測システム研究室
Mac上のThunderbirdやFirefoxがデスクトップを散らかすのを防ぐ MacにインストールしたThunderbirdで添付ファイルを展開するとき、あるいはFirefoxでファイルをダウンロードする時、多くの場合は、わざわざファイルを保存するほどではなく、ただ内容を見たいだけなので、「ファイルを保存する」ではなく、「アプリケーションで開く」を選ぶことが多いですね。 ところが、これを選択すると、ThunderbirdもFirefoxも、なんとデスクトップに一時的にファイルを置いてから、それを開きます。そして、ファイルを閉じた後も、Thunderbird/Firefoxを終了した後も、デスクトップはそのまんま・・・気づいてみると、デスクトップはゴミだらけです。コマメに散らかったゴミを片付ければ良いのですが、いちいち一時ファイルを片付けるというのも、スマートじゃないですよね。 ▲ ▼
サイトの課題を発見！新しくなったGoogleアナリティクス セグメント 第1回セグメントとは｜ひびの備忘録
前回のブログに書いたように、特定の条件に絞ってデータをみることでサイトの強みや弱みを発見することができる「セグメント」について3回に渡りご紹介していきます。 前回の記事 ＞ サイトの課題を発見！新しくなったGoogleアナリティクス「セグメント」 第1回 セグメントとは セグメントの概要を説明します。 目次 セグメントする理由 セグメントの種類 デフォルトで用意されているセグメント22個 自分で作成するセグメント 新しくなったセグメント機能 「ユーザー単位」＞ ユーザー単位で絞り込む 「シーケンス」＞ ユーザー行動の順番を指定して絞り込む 「コホート分析」＞ 特定の期間にはじめて訪問したユーザーのその後を分析 1. セグメントする理由 下の画像は、このブログをセグメントしていない状態「すべての訪問」です。「すべての訪問」「新規ユーザー」「リピーター」3つの「訪問時の平均滞在時間」を順番に見
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
