神戸のデジタルキューブが実践するコミュニティ、ビール、たまに仕事 (1/3)
WordPress＋AWSに最適化された「AMIMOTO AMI」で知られる神戸のデジタルキューブにお邪魔した。普段はリモートワーク主体の同社のメンバーや地元JAWS-UG神戸のメンバー、さらにはStripeの勉強会で神戸に来た小島英揮さんまで、今回は港近くのデジタルキューブオフィスに集まってもらい、AMIMOTO AMIやShifterといったプロダクトやグローバルに拡がるコミュニティ活動について語ってもらった。 WordPress＋AWSでサイト構築からインフラ運営まで幅広くカバー デジタルキューブの設立は2006年。創業から10年以上、オープンソースのCMSであるWordPressを使ったWebサイトの企画・制作・コンサルティングを一貫して提供している。CMSによるWebサイトの構築・運営ということで、ジャパンタイムスや小学館のCanCamのようなメディアサイトが多いが、リクルートの
カッコいいグラフがむちゃくちゃ簡単に描ける！Chart.js 2.0がスゴい
データビジュアライゼーション系のライブラリーといえば、D3.jsが有名。でも、シンプルなグラフをWebで描くだけなら、もっと手軽なChat.jsを使ってみてもいいかもしれません。 Webサイトのデータ量が多いときは、データを見やすくするための方法を見つけなければなりません。なんだかんだと、人間は数値データの長いリストを理解するのが得意ではありません。 そこで、チャートやグラフが役に立ちます。チャートやグラフを使えば、 複雑な統計関連のデータが分かりやすく直観的に理解できるようになるのはもちろんのこと、英語を話さない人でも利用可能になります。基本的なチャートであればみな同じスピードで理解できますが、専門用語が散りばめられた文章ではそうはいきません。 必要に応じてチャートを使えば、Webサイトは理解しやすくなり、見た目ももっと魅力的になります。 本記事ではChart.jsと呼ばれるJavaSc
なぜそのモーダルはダメなのか？店舗設計に学ぶUX改善5つの秘訣 - WPJ
海外サイトで最近よく見かける、メール登録を促すモーダルウィンドウ。なぜあのUIがダメなのか？ 優れた実店舗のUXから考えてみると… インタラクティブなデザインにおいて心理学は重要な役割を果たします。最適なUXを提供するためには、ユーザーに共感し、ユーザーが行動する前にユーザーの意図を汲み取らなければなりません。それによって、ユーザーが求める方向へ簡単に導き、最適なコンテンツを見てもらえるようになります。 この記事では、実店舗が売上を伸ばすために取り組んでいる5つの方法（中にはとても些細なものもあります）について考えてみます。どれもオンラインショップの改善にも応用可能な方法です。 1.レジでの追加購買促進 一般的に、小売店は往々にしてもっとも値段の高い商品を店舗の前面に配置して、お客さまに先に見せて（価格差に関するお客さまの心理を利用するため）、より安価な商品を店の奥に置くことで、とてもお得
Googleアナリティクスを無償で使いやすくする「Dot metrix」
オプトインキュベートとイロドリは2月5日、無料で使えるKPI自動レコメンド型サイト分析ツール「Dot metrix」にて、Googleアナリティクスと連携したアクセス解析サービスを提供開始した。併せて、日々の分析指標のサマリーをメールにて通知する「デイリーレポートメールサービス」も無償提供する。 Googleアナリティクスを分析に利用する企業は多いが、分析可能な指標が豊富な一方、見たい指標を確認するために複数の操作やツール利用の知識が必要となり、分析に時間がかかる。そこでDot metrixとGoogleアナリティクスを連携させ、必要な分析指標だけを面倒な操作なく一画面で見られるようにする。 Dot metrixは、サイト分析が実施できていないスタートアップ・ベンチャー、中小企業向けに開発されたサービス。「無料で利用可能」「簡単に導入可能」「シンプルで使いやすい」「サービスに合ったKPIを
ギットハブ・ジャパン／AWS Summitレポ／事例に見るダメダメUX
国内外のWebメディア、ブログから、マーケティングやWeb制作に役立つ注目記事をピックアップ。先週は、AWS Summit Tokyo 2015やギットハブ・ジャパン設立などが話題でした（ピックアップ期間＝2015/6/2〜6/8）。 マーケティング／ソーシャル／SEO ABテストで圧倒的成果を残すためのslideshare資料5選＋5記事(LIG）http://liginc.co.jp/web/useful/163778 グロースハックのためにA/Bテストが再度注目されているそうです。お金をかけずに効果的なA/Bテストを実施するための参考になるSlideShareを10個紹介しています。 アプリをダウンロードする決め手とは何か？ヤフーが調査(ModuleApps）http://moduleapps.com/mobile-marketing/20150603_app-research/ ヤ
ユーザー視点でCVRを上げるフォーム改善の原則
問い合わせや申し込みなど、Webサイトのコンバージョンに直結するフォーム。コンバージョン率を何とか上げようと個々の入力項目を細かく改善しても、費用対効果の高い改善は見込ません。 入力フォームの定量分析は、個々の入力項目という「木」を見る前に、その木はどんな「森」のどんな部分に生えているのかを見る必要があります。 たとえば、未記入のまま送信されて頻繁にエラーになる項目があったとしても、諦めずに再入力して送信を終えているのなら、致命的な問題とはいえません。 そこで今回は、ユーザー視点でフォームの利用行動をモデリングし、改善すべき箇所を特定する方法と、見るべきデータ、改善ポイントについて紹介します。 フォームの利用行動をモデリングしよう フォームがユーザーにどのように利用されるのか、どのような理由でフォームへの記入が中断（ドロップ）されるのかについて、図解しながら考えてみます。 この例ではユーザ
無料で使えるHTML5 JavaScriptゲームエンジンまとめ
HTML5とJavaScriptによるインタラクティブなWebアプリケーションの開発が注目される中、ゲーム分野では数多くのHTML5 JavaScriptゲームエンジン（ゲーム開発用のフレームワーク）が登場している。JavaScriptのライブラリーや情報をまとめているJSwikiによると、その数は70以上に上り、開発者はどのゲームエンジンを選べばいいのか判断が難しい状況だ。 本記事では、数多くあるJavaScriptゲームエンジンの中から、筆者がおすすめするライブラリーを紹介しよう。紹介するゲームエンジンはすべてMIT Licenseで提供されているので、個人はもちろん、商用でも利用できる。 Cocos2D JavaScript (http://cocos2d-javascript.org/) Crafty (http://craftyjs.com/) enchant.js (http:
iPhone 5／iOS 5目前、「プッシュ通知」の本質を知る (1/3)
本連載「Apple Geeks」は、Apple製ハードウェア／ソフトウェア、またこれらの中核をなすOS X／iOSに関する解説を、余すことなくお贈りする連載です（連載目次はこちら）。 UNIX使い向けを始め、Apple関連テクノロジー情報を知りつくしたいユーザーに役立つ情報を提供します。 連携してこその「プッシュ通知」 リリース近しとされる「iPhone 5」、「iOS 5」の新機能のうち、根本的な変更が実施されないものもある。「プッシュ通知」（Push Notification）はそのひとつだ。 プッシュ通知とは、アップルが設置した専用サーバー（Apple Push Notification Service、以下APNS）へ信号を送ることで、iPhoneなど対応デバイスへほぼリアルタイムに何らかのデータを送信できる機能をいう。この仕組みにより、対象のiOSアプリが起動していないときやiO
AIDMAとAISASの違いを理解しよう
AIDMA（アイドマ）とAISAS（アイサス）は、ともに消費者が商品を購入するときのプロセスをモデル化したマーケティング理論です。 一般的な消費行動を定義した「AIDMA」 AIDMAは、消費者が商品をはじめて知り、購入にいたるまでのプロセスを「Attention（認知）」「Interest（関心）」「Desire（欲求）」「Memory（記憶）」「Action（行動）」の5つに整理し、その頭文字をとったものです。1920年代に米国のサミュエル・ローランド・ホール氏によって提唱されました。 この5つのステップはさらに大きく「認知段階（Attention）」「感情段階（Interest・Desire・Memory）」「行動段階（Action）」の3段階に分けられます。 消費者は最初に、テレビCM、雑誌・Webサイトなどから商品の存在を初めて知ります。これが認知段階です。次の感情段階では、商品
HTML5のゲーム開発を効率化！国産ライブラリー
「HTML5でスマートフォン向けのゲームを効率よく作りたい」――そんなWeb開発者のための新しい国産JavaScriptライブラリーが登場した。jActionプロジェクトが12月14日に公開した「jAction」（ジェイアクション）だ。 jActionは、スマートフォン（iPhone/Android 2.2～）向けのJavaScriptライブラリー（MITライセンス）。HTML5＋JavaScriptを使ったゲーム開発を効率化することを目的としており、12月14日に公開されたアルファ版では、Canvas上にキャラクターなどの画像をレイヤー配置する、配置した画像を動かす、衝突を判定する――といったメソッドが用意されている。 jActionを開発したのは、クリエイトウェーブの大渕脇昭人さん、tadashikuの萩原伸悟さん、岡 徳之さんの3人。両社はもともと、ゲームメーカーなどから依頼されたF
30分でできる！Webサイトを高速化する6大原則 (1/4)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
TCPのコネクションとはなんですか？ (1/2)
TCPの高い信頼性は、コネクションと呼ばれる論理的な通信路を基盤として実現されている。コネクションの状態は大きく分けて接続状態と開放（切断）状態がある。ここでは、これらの間を行き来するコネクション確立とコネクション解放のシーケンスを説明する。 コネクションの状態管理 TCPはコネクション型のプロトコルであり、データ転送を始める前に、論理的な通信路（コネクションまたは論理リンク）を設定する。この動作を「コネクション確立」という。また、データ転送が終わったあとで論理的な通信路を抹消することを「コネクション解放」という。このように、コネクションは通信の必要に応じて、動的に生成／消滅を繰り返す。 コネクションの両端はそれぞれのホストのアプリケーションになっており、IPアドレスとポート番号の組である「ソケット」で識別される。それぞれのホストのOSは、自ホスト・相手ホストのソケット番号と順序番号、状態
30分でできる！Webサイトを高速化する6大原則 (4/4)
5.CSSは上に、JavaScriptは下に『まとめて』記述せよ CSSとJavaScrptの記述場所にも、高速化のためのルールがある。CSSは必ずhead要素の中の上部に、JavaScriptは下部にまとめて記述すること。下のグラフのとおり、まとめて書けば読み込みが速くなる。 ●悪い例：CSSの間にJavaScriptを挟んでいる <head> <link rel="stylesheet" type="text/css" href="stylesheet1.css" /> <script type="text/javascript" src="scriptfile1.js" /> <script type="text/javascript" src="scriptfile2.js" /> <link rel="stylesheet" type="text/css" href="style
ASCII.jp － トップ
連載新着記事一覧へ Google検索急増“アルムナイ”とは？、小売業界がAI投資を牽引、求職者が望む月給水準もインフレ、ほか 今回（2024年11月2日～11月8日）は、AI／生成AIに対する今後5年間の投資予測、求職者の希望月給額の推移とインフレの関係、自社を“卒業（退職）”した人材「アルムナイ」への関心の高まり、ランサムウェア攻撃を受けた企業の実態についてのデータを紹介します。 『今週のASCII.jp注目ニュース』生放送のお知らせ（2024年11/9～11/15ぶん） アスキーのNEWSメディア『ASCII.jp』で注目を集めたこの1週間の記事をランキング形式でお届け！ASCII.jp副編集長のオカモト、MCつばさ、そしてムラリンの3人が、ゆるふわっとおしゃべりする60分番組です。 「アスキーグルメNEWS」生放送（2024年11月15日号） 巷で話題のおいしいグルメ情報を生放送でご
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
現場でプロが培ったGoogle Analyticsの使い方