このページの本文へ

Googleロゴ刷新/動画で見るUIカタログ/JSデバッグのコツ

2015年09月09日 11時00分更新

文●Web Professional編集部

  • この記事をはてなブックマークに追加
本文印刷

国内外のWebメディア、ブログから、マーケティングやWeb制作に役立つ注目記事をピックアップ。先週は、動画でUIをひたすら紹介しているサイト、Googleのロゴ変更、JavaScriptのデバッグに関する記事が話題でした(ピックアップ期間=2015/8/31〜9/6)。

マーケティング/ソーシャル/SEO


女性に影響力高いInstagram投稿は衣・食関連/食の投稿見た4割が購入経験有【トレンダーズ調査】(MarkeZine)

http://markezine.jp/article/detail/23043

トレンダーズは、20〜40代の女性Instagramユーザー500名を対象に、「女性のInstagram活用」に関する意識・実態調査をしました。Instagramをほぼ毎日利用している人が約6割にものぼり、特に投稿されたファッションアイテムや食べ物の購入に大きな影響があることが分かりました。


Googleアナリティクス共有方法について解説(ferret)

https://ferret-plus.com/2309

Googleアナリティクスのデータを共有したいけれども、方法が複雑でよく分からないという人もいるでしょう。Googleアナリティクスの一部のデータやすべてのデータを共有する方法が具体的に解説されています。


スマートフォンでは、ラジオボタンよりセレクトボックスを使いたい2つの理由(EFO・フォーム改善ブログ)

https://f-tra.jp/blog/smartphone/7020

スマートフォンにおける単一選択フォームコンポーネントのユーザビリティについての記事です。フォームの単一選択のコンポーネントには、ラジオボタンとセレクトボタンの2種類があります。それぞれにメリット・デメリットがありますが、PCとスマホでは状況が異なってきます。


2015年12月に検索されるキーワードとは?(Yahoo!プロモーション広告 公式 ラーニングポータル)

http://promotionalads.yahoo.co.jp/online/blog/trend/kw_dec2015.html

「12月に検索数の上昇が予想されるキーワード」を記事とキーワードをまとめたPDFで紹介しています。テーマを、クリスマス、お正月、年末行事などに分けて、「嫁 クリスマスプレゼント」「おせち 昆布巻き」「換気扇 掃除 洗剤」などが記載されています。

サイト設計/UI/Webデザイン


写真をうまく背景イメージに利用する、4つの基本デザインテクニックまとめ(PhotoshopVIP)

http://photoshopvip.net/archives/81191

イメージ写真を利用して背景を作成する場合、どこから手を付ければよいのか、よく分からないことがあります。記事ではイメージ写真を利用した背景デザインの作成のヒントになる、実践的な4つのテクニックが紹介されています。


今っぽい!色使いの手法が参考になる素敵なサイトデザインまとめ(LIG)

http://liginc.co.jp/180044

デザイン時に配色で困ったときに参考になる、色使いの手法が素敵かつ斬新なサイトを紹介しています。「脱フラットデザイン!?今っぽいグラデーション」「潔く、オシャレ!カラーが引き立つモノトーン」「マンネリ防止!補色や反対色で印象をコントロール」という3つの視点から13サイトを紹介しています。


UI Movement(UI Movement)

http://uimovement.com/

UIだけを紹介しているサイトです。実際に使用している技術などは紹介されていませんが、Webサイトやモバイルサイトで実際にどのように動いているのかを見せてくれます。モバイルサイトの紹介も多く、UIの動きを眺めているだけでもアイデアが浮かんでくるかもしれません。


CSS, JavaScriptで実装された、チェックしておきたいUIデザインの最近のテクニックのまとめ(コリス)

http://coliss.com/articles/build-websites/operation/work/awesome-ui-from-codepen-2015-sep.html

Web制作者はチェックしておきたいUIを実装する17のテクニックをCodePenから紹介しています。JavaScriptは最小限に、CSSでできることはCSSで、というのが実装の傾向とのことです。

テクノロジー/マークアップ/プログラミング


いまさら聞けないAngularJSの基礎知識と5つの主な特徴、インストール、簡単な使い方(@IT)

http://www.atmarkit.co.jp/ait/articles/1509/02/news020.html

グーグルとユーザーコミュニティによって開発されているMVWフレームワーク「AngularJS」の概要、セットアップ方法、基本的な使い方、AngularJS 2.0での変更点などが解説されています。


Google App Scriptを用いてGoogleスプレッドシートからJSONを生成してみよう(LIG)

http://liginc.co.jp/179788

Google App Scriptとは、Googleが提供しているサービスのAPIをJavaScriptで利用するスクリプトのことです。Google App Scriptを使って、スプレッドシートからJSONを生成する手順が紹介されています。


JavaScriptのデバッグのコツと技(POSTD)

http://postd.cc/javascript-debugging-tips-and-tricks/

実践的なJavaScriptのデバッグについて、Chromeデベロッパーツールなどのブラウザーデベロッパツールを使って、ブレークポイント、参照型でログをとるのを避ける、DOM要素に対するコンソールのブックマークなどの視点からJavaScriptのデバッグを解説しています。

ライフハック/ビジネス/その他


Google のロゴが新しくなりました(Google Japan Blog)

http://googlejapan.blogspot.jp/2015/09/google-update.html

Googleのロゴが変わりました。新しいデザインは、「入力方法や端末サイズにとらわれず、シームレスにつながっているコンピューティングの世界」を表現しているそうです。GIFアニメなどもあって、Googleの新しいロゴについて知りたいことが分かります。


グーグル、国内でも音楽配信サービス「Google Play Music」--3500万曲、月額980円で(CNET Japan)

http://japan.cnet.com/news/service/35069877/

グーグルは9月3日から、「Google Play Music」を日本で公開しました。月額980円の音楽配信サービスで、エイベックスやソニー・ミュージックなど200社以上が参加して3500万曲がラインナップされています。AndroidまたはiOS搭載のスマートフォンやタブレット、パソコンのブラウザーから利用できます。早速、iPhoneからの定期購入を解約する方法も記事になっています。


『Instagram』で、縦長・横長の写真が投稿できるようになったぞ(AppBank)

http://www.appbank.net/2015/08/31/iphone-application/1086725.php

Instagramで投稿できる写真は正方形でしたが、縦長、横長の写真も投稿できるようになり、撮った写真を正方形に加工する手間が省けました。実際の投稿の方法が写真付きで紹介されています。


なにこれ便利!LINEに「超音波で友だち追加できる機能」がひっそり搭載されていたぞ(かみあぷ速報)

http://www.appps.jp/187506/

LINEの連絡先を交換するには、「ID検索」や「ふるふる機能」がありますが、前回のアップデート時に「超音波を使った連絡先交換」が搭載されました。この方法を使うと、ID検索やふるふる機能よりも、素早く正確にLINEの連絡先を交換できます。


ついに「Firefox for iOS」登場、プレビュー版提供開始&実際のスクリーンショットが公開中(GIGAZINE)

http://gigazine.net/news/20150904-firefox-for-ios-preview/

「Firefox for iOS」プレビュー版の提供が現地時間2015年9月3日からニュージーランドで始まりました。ニュージーランド国内でフィードバックを集めた後、配信地域を順次増やして、公式リリースするそうです。正式なリリース日は決まっていませんが、メールアドレスを登録しておくと、お知らせを受け取れるサービスを実施しています。

この連載の記事

一覧へ
Web Professionalトップページバナー

この記事の編集者は以下の記事をオススメしています

Webディレクター江口明日香が行く