Web初心者でもわかる！Googleが新たに発表したGA連動型A/Bテストツール「Google Optimize（beta）」の凄みに迫る更新日: 2018年01月31日ABテスト・EFO・CRO 2016年9月末、新たにGoogleが発表したA/Bテスト・パーソナライズツール「Google Optimize（beta）」をご存知でしょうか。 このサービスを使うことによって、Webサイトのコンバージョン率が上がったり、ゴールまでのユーザーの動きを正しく可視化できるようになります。しかし、そもそもA/Bテストやパーソナライズの概念を理解せずに、このサービスの価値を理解するのは難しいことです。 今回は、「Google Optimize（beta）」の核心に迫り、その詳細と何が強みなのかについて、初心者でもわかるように解説します。 『Google Optimize (beta)』とは？ 『Goo

こんにちは。広報チームのチミヲです。 WordCamp Kansai 2016も終わって一ヶ月以上が経ちましたが、ようやくセッション動画とスライドがまとまったので、当日ご参加出来なかった方や、他のセッションと被って見れなかった方など、多くの皆さんに共有したいと思います！ それでは、1日目のセッションから順番にご案内していきます！ Camp 1日目のセッション セッション名 開会挨拶 スピーカー YAT 動画とスライド セッション動画 – セッション名 大規模メディアサイトに WordPress が選ばれる理由 スピーカー 高野 直子 動画とスライド セッション動画 セッションスライド セッション名 WooCommerceでECサイトを構築する時や運用上の注意点 スピーカー 田中 昌平 動画とスライド セッション動画 セッションスライド セッション名 The Tale of Calypso

「Accelerated Mobile Pages」と呼ばれるGoogleが推し進めてきたプロジェクトですが、とうとう正式導入されることになりました。「Accelerated」は「加速される」という意味で、つまりモバイルページ高速化プロジェクト、といったところでしょうか。 まずは導入後のイメージを御覧ください。（英語ですが公式サイトのイメージよりもわかりやすいです） このように、検索結果にカルーセル形式で表示され、リンクをタップすると物凄いスピードでページが表示されます。 自分の携帯で試してみたい方は、下記URLのGoogle検索画面から「ニュース」というキーワードなどで検索してみてください。 http://g.co/ampdemo（※スマホからアクセスしてください） 既にTwitterやアメブロなど、様々なメディアがAMP対応を導入しています。 Googleが過去に発表してきた、モバイル

サイトのメンテナンスにおいてしばしばネックになるのは、どんなネーミング・構成で制御しているのか分からなくなってしまうことです。しっかりと基準に則った、誰がいつ見てもわかりやすいネーミングでコーディングしていくことは、非常に重要なことです。 今回は、プログラマーがネーミングを考える際に参考にしたいサイトを選んでご紹介いたします。 1. codic - プログラマーのためのネーミング辞書 https://codic.jp/ 様々なサイトに紹介され、「ネーミング」で検索しても上位に表示される素晴らしいツールです。例えば、Webサイトの背景に動画を設置する際に、class名をどうしようか悩んだとします。そこでcodicに「背景動画」と入力すれば「background_videos」と提案してくれます。提案されたネーミング以外にも、その他の候補も出てきます。 考える労力を省くことができるという点で優

WordCamp Kansai 2016 で使ったスライドです：D

Bliskと合わせて使いたいChrome拡張 WEB制作にあると便利かもしれないブラウザ拡張。 ColorPick Eyedropper ColorPick Eyedropper 閲覧中のページの好きな場所からカラーコードを取得することができる拡張です。 サイトなどを見ていて「この色いいな」なんて思ったときなどに。 MeasureIt MeasureIt（配布終了） ページ上にある要素のピクセル数を測るための定規です。 Dimensions Dimensions マウスカーソルを置いた場所の幅と高さを手軽に取得することができます。 幅と高さは、拡張が自動で判断して表示してくれます。 FireShot FireShot 現在閲覧中のページのスクリーンショットを手軽に撮ることができる拡張です。当然、ページ全体のスクリーンショットも撮ることができます。 Bliskのスクリーンショット機能は、まだ

TwitterやFacebookが登場したと思いきや、インスタグラムにVine、Snapchatなど次から次へと生まれては世界中の若者を中心に爆発的に普及。変化のスピードが早すぎて、SNSのトレンドを押さえておくのは大変だというマーケターの方も多いのではないでしょうか？ とはいっても、今やこれらのサービスをマーケティングの一環として活用することは常識となりつつあります。 今流行しているサービスの特徴や、これから話題になりそうなサービスを押さえておくのはマーケターの重要な役割です。 今回は、世界の若者の注目を集めるコミュニケーションサービスを7つほど紹介します。すでに日本でメジャーになっているものもありますが、流行についていけているか不安な方は是非チェックしてみましょう。 1. Snapchat https://www.snapchat.com/ 今世界的に最も注目を集めているコミュニケーシ

従来は人工知能の開発というと、高度なスキルがないと手が届かないイメージがあった。 しかし現在では、多少のプログラミングの知識があれば、人工知能を使ったアプリケーションやシステムを開発できるようになった。 そこで今回は、手軽にはじめられる人工知能を使ったアプリケーションの開発方法をまとめてみた。 「言語処理AI」「音声処理AI」「画像処理AI」など様々な種類の技術を、入門者向けに広くピックアップした。興味のある分野について、それぞれ掘り下げてみることをおすすめする。 ※2016.07.23「Amazon ML」を追記 目次 目次 関連記事 開発方法1．ユーザーローカル社の「全自動会話API」 タイプ 難易度 特徴 開発方法2．Locl Interactive Incの「Meya」 タイプ 難易度 特徴 開発方法3．ユーザーローカル社の「形態素解析API」 タイプ 難易度 特徴 開発方法4．P

みなさんは「3Dホログラム」をご存知でしょうか？　空間に映像を投影するというもので、スター・ウォーズなどSFのイメージがあるかもしれませんが、近年ではTIFFANYのプロモーションやマイケル・ジャクソンのライブなどでも使用されている技術です。 近未来感のある技術ですが、スマートフォンとCDケースで簡易的なものが自作できると2015年夏に話題になりました。これはCDケースの透明なプラスチック板を使って投影機を作成し、スマートフォンの画面の上に設置し、専用の動画を再生して投影するものです。 週末に子供と遊ぶネタにちょうどいいなと私も作ってみようと思ったので、投影する映像をHTML5 Canvasで実現してみました。 投影機の作成 投影機は、台形型（上辺1：下辺6：高さ3.5の比率）の透明な板を4枚組み合わせて作成します。今回はiPadのサイズに合わせて、「2.5cm × 14.8cm × 8.

2015年はCSSが普及した以来となる10年に1度のフロントエンド大変革期で、それまでのツケが一気に回ってきたと個人的に感じていました。目まぐるしく状況が変化していきましたが、2016年になり、個人的にだいぶ落ち着いてきたと感じているので、ここらへんでまとめておきたい思います。 最初に結論を書いておくと、 『React + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guide』 という組み合わせが、いま僕の採用しているJavaScriptの環境です。 主要ライブラリは React A JavaScript library for building user interfaces | React 去年、一気に普及したReact

先日、geechsマガジンによる技術イベント「TECH VALLEY#7」が開催されました。「セールスランキング上位の人気ゲームを支える技術」をテーマに、今回も定員を超える多くの方にご参加いただきました。 人気ゲームを開発する現場の、フロントエンド・バックエンド・開発体制まで幅広く一挙に知ることができる勉強会の様子をレポートします！ オープニング 開演時間には、すでに多くの方にお集まりいただきました。オープニングでは、主催のギークスからご挨拶。TECH VALLEYの開催をはじめ、フリーランスエンジニアのための案件検索サイト「geechsjob」の運営などギークスのエンジニア支援の取り組みについてご紹介しました。 「人気ゲームを支える技術」についてトークセッション リソースのバージョン管理・運用の失敗談と改善策について 発表者：� 中西 敦之氏（ギークス株式会社） ギークス株式会社のゲーム

インボイスを受け取った際に確認すべき項目は？要件や注意点を解説 インボイス制度 適格請求書（インボイス）受け取りの際には、制度に定める要件が満たされているか確認が必要です。具体的にどの項目を重点的に確認すると良いのでしょうか。インボイスで確認すべき事項や不備があった場合の対応などを解説します。 インボイスを受け取った際… 委託販売の請求書の書き方・委託販売精算書のテンプレート 請求書 委託販売とは、商品の所有権を持つ事業者（委託販売者）が、別の事業者（受託販売者）に商品の販売を委託するビジネスモデルです。受託販売者は売上を委託販売者に報告し、販売を代行した手数料（販売手数料）を委託販売者から受け取ります。 メーカーや商社…

ブログをやってるとスクショやイメージ画像を撮って、ツールまたはWebサービスを使って画像を圧縮すると思う。私の場合は、画像圧縮には劣化が少なく圧縮率がハンパない「TinyPNG」というWebサービスを使っている。 ただ、意外と面倒なことが多い。 対象の画像ファイルを選ぶ（しかも1度に20ファイルまで）、そして圧縮が終わったらひとつずつリンクをクリックしてダウンロードしなければならない。 画像ファイルが5つ以上になると、結構メンドくさい。 ということで、gulpを使って画像圧縮を自動化してみた！ ※Node.js、npmがすでにインストールされているなら、2分ほどで完成するだろう。 （「記事読むだけで2分以上かかるだろ！」ってツッコミは…ホントごめんなさい。） 0. Node.jsがインストールされていない場合 gulpを使うにはNode.jsが必要。 Node.jsの公式サイトからダウンロ

足湯のライトアップ工事を昨日、今日とで行っております。 明日には、新しい足湯で楽しんで頂けます。 新緑、紅葉、桜、足湯にある木々達は、キレイにライトアップされ、 きっと喜んでくれることでしょう。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

こんにちは。 3月になりましたので、2月中に話題になったWebサービスやアプリを11個ほどご紹介します。 カクヨム カクヨムは、2016年2月29日に正式リリースされた、自由なスタイルで物語を投稿できる小説投稿サイトです。（公開非公開は作者が決められる） 2015年12月25日から、事前に会員と作品の投稿を受け付けていましたが、結果3月現在で会員数は1万8000人、投稿数（作品）はすでに1万5000作品を超えているというから驚きです。 Miitomo Miitomoは、任天堂が提供する自分に似たキャラクターをつくって、友達とコミュニケーションができるアプリです。 ニックネームだけでなく、しゃべり方や性格なども設定できるのでより自分に近いキャラクターを作ることができます。 サービスのリリース自体は3月を予定しており、予定配信国は、日本を含んで、アメリカ、カナダ、イギリス、アイルランド、フラン

ページの表示速度が遅いことは、ユーザーにとってストレスを感じさせ、離脱の大きな要因となります。またわずかながらもGoogleにおけるSEOにも影響を与えると言われています。そこで今回はPageSpeed Insightsの分析結果をヒントに、gzip圧縮と画像減色を行い、サイトのパフォーマンス向上を試みてみたいと思います。 gzip圧縮と画像減色で、サイトの速度を最適化する方法（1/2） gzip圧縮と画像減色で、サイトの速度を最適化する方法（2/2） Googleアナリティクスで、PageSpeedの提案を見てみる。 Googleアナリティクスのレポート画面において、行動 > サイトの速度 > 速度の提案 から見ることができる PageSpeedの提案 タブでは、サイトの速度改善に取り入れるべき方法の数を PageSpeed Insights から取得して表示してくれています。提案数をク

Webサイトを運営している方であれば、さまざまなメディア・ブログなどからの情報収集を欠かかすことはできません。 ferretも同様であり、常日頃から大手メディアから個人ブログに至るまで幅広く情報収集を行っています。 今回は、ferretがRSSに登録して毎日チェックしている選りすぐりのメディア・ブログ44選をご紹介しますので、ぜひ情報収集にお役立てください。 このニュースを読んだあなたにオススメ プライバシーポリシーを記載しよう 情報収集には欠かせない！便利なFeedlyのイロハを解説 効率的に情報収集できるGoogleアラートの使い方 Google／Yahoo! 1.Google Japan Blog http://googlejapan.blogspot.jp/ Google Japanが発信している、主にGoogleに関する情報が日本語で書かれているブログです。 Googleの公式サ