こんにちは、LIGブログ編集部です。
今週もLIGでWeb制作をおこなうクリエイターたちが気になったニュースを、今週のWeb制作ニュースとしてまとめます。
先週の記事はこちら
Gmailの送信取り消し機能、テキストエディタAtomなど【今週のWeb制作ニュース】
忙しい毎日でWeb制作系のニュースを追えないときは、一週間のキャッチアップにぜひご利用ください。
今週はデザイナー・エンジニア・ディレクターの順にキュレーションしたWeb制作ニュースをお届けします。
デザイナーのピックアップ
マテリアルデザインを体験しよう
みんな何かと気になるマテリアルデザイン。その作成キットがGoogleから公開されました。
嬉しいけどどう使っていいのかわからないよ!という人はこちらの解説をチェックだ![選者:もりた・ぺちこ]
参考:Google、マテリアルデザインWebサイト作成キットを無償公開
http://www.itmedia.co.jp/mobile/articles/1507/08/news074.html
参考:マテリアルデザインを手軽に!CSS/HTML/JSコンポーネント「Material Design Lite」の使い方まとめ
http://photoshopvip.net/archives/79389
「Microsoft Office for Mac 2016」がリリース
Microsoft Office for Mac 2016がリリースされました。
UIがフラットなデザインになりましたね。使い心地が気になるところです。[選者:もりた・マチルダ]
参考:Office 365 ユーザー待望の Office 2016 for Mac をご紹介
https://products.office.com/ja-jp/mac/microsoft-office-for-mac
Facebookのロゴ変更
Facebookのロゴが変更されたのは大きな話題になりましたが、友達リクエストのアイコンやお知らせの地球儀アイコンなど、小さいところでいろいろ変更されているようです。[選者:もりた・ぺちこ]
参考:Facebook、企業ロゴをモバイルフレンドリーに変更へ
http://www.itmedia.co.jp/news/articles/1507/02/news051.html
参考:Facebookの「友達リクエスト」アイコンが男女ほぼ平等に
http://www.itmedia.co.jp/news/articles/1507/10/news066.html
iOS 9のプレビュー版リリース
AppleからはiOS 9のプレビュー版がリリースされました。ちょっと意地の悪いまとめをご紹介します。[選者:もりた]
参考:「iOS 9」プレビュー版レビュー:もっと早く登場すべきだったのに – ギズモード・ジャパン
http://www.gizmodo.jp/2015/07/ios_9_8.html
参考:Appleが「iOS 9」でGoogleのAndroidからコピーした機能まとめ – GIGAZINE
http://gigazine.net/news/20150615-ios9-feature-inspired-by-android/
フリー素材アイドルが生まれるまで
LIGの社員も何人かフリー素材化していますが、彼女たちはアイドルで、双子でフリー素材。
実際他の素材サイトには無いようなグラビア系写真もあって、これは嬉しいですね。(もりた)
参考:「予算ゼロで有名になりたい」無料で使える脱サラ双子姉妹“フリー素材アイドル”が生まれるまで – ITmedia ニュース<
http://www.itmedia.co.jp/news/articles/1507/10/news038.html
参考:【私たち、無料です。】フリー素材アイドル MIKA☆RIKA
http://mika-rika-free.jp/
真夜中の上野公園に入れるイベント
最後にLIGのある上野からニュースをひとつ。
真夜中の上野公園に入れるイベントが開催されるそうです。普段見られない時間の動物園、気になります。
さまざまな動物が描かれたチラシの裏面がかわいいです。(もりた)
参考:8/8-8/16「真夏の夜の動物園」 – 東京ズーネット
http://www.tokyo-zoo.net/topic/topics_detail?kind=event&inst=&link_num=23034
エンジニアのピックアップ
SVGでユーザー。クライアント、開発者がハッピーになる方法
SVGの第1人者であるSaraSoueidanさんがレスポンシブサイトを作成した実案件を元に、ユーザー、クライアント、開発者がどのようにSVGを扱えばハッピーになれるかがまとめられてます。[選者:おじいちゃん]
参考:ART-DIRECTING AN SVG EMBEDDED USING
http://sarasoueidan.com/blog/art-directing-svg-object/
PaaS型クラウドサービス「Heroku」がGo言語の正式サポートを発表
最近Golang好きなので早速試してみようと思います。[選者:のびすけ]
参考:Heroku、Go言語の正式サポートを発表
http://www.publickey1.jp/blog/15/herokugo.html
ParseがAPIを含むサービスの一部をRuby on RailsからGoに移行
BaaSの老舗、ParseがGoへ移行したとのこと。おそらく日本で一番Parseを使っているノハナの田中さんのコメントが楽しみです。[選者:のびすけ]
参考:ParseがRubyからGoへ移行,信頼性が大きく向上
http://www.infoq.com/jp/news/2015/07/parse-moved-ruby-go
コードを「公開しないリスク」とは
スターインセンティブ制度がすごい。エンジニアのモチベーションアップにもつながるし、ソースコードを公開することに対する考え方をLIGでも見習いたいです。[選者:のびすけ]
チャットツールslackの企業導入事例
LIGでもslack使いたいです。[選者:のびすけ]
参考:チャットツールを使いたいのに、まだメールが浸透してる…。そんな企業は注目すべき、100人越えベンチャーのSlack導入事例
http://www.bake-jp.com/magazine/?p=704
フロントエンドの情報収集
フロント界隈のナレッジをどうやって集めるのがいいか、主要なところがまとまっています。[選者:のびすけ]
参考:ぼくのフロントエンドの情報収集ソース
http://blog.yuhiisk.com/archive/2015/07/08/frontend-of-the-info-collection-source.html
JavaScriptの情報収集
関連して、mizchiさんのJS収集術は今すぐにでもマネしたい。[選者:のびすけ]
参考:JavaScriptの情報の仕入れ方
http://mizchi.hatenablog.com/entry/2015/07/09/112616
React.jsなどVirtual DOMの実装の問題点を解決する
React.jsなどで有名なVirtual DOMの実装の問題点を解決するべく、GoogleがIncremental DOMというものを制作しているようです。[選者:のびすけ]
参考:Incremental DOM
https://gist.github.com/azu/8f1afa948eeb2da3ad00
参考:Introducing Incremental DOM
https://medium.com/google-developers/introducing-incremental-dom-e98f79ce2c5f
ES2015(ES6)の盛り上がり
次期JavascriptのバージョンとしてES2015が話題になってます。Web DB Press vol.87の特集が公開されて勢いを増してる印象です。[選者:のびすけ]
参考:ES6の勉強をした
http://shokai.org/blog/archives/10229
参考:WEB+DB PRESS Vol.87にES6特集書いた&YAPCにES6のトーク応募した
http://teppeis.hatenablog.com/entry/2015/06/webdb-press-es6-and-yapc-asia
Milkcocoa Meetupのレポート
なんとスイッチサイエンスのブログにMilkcocoa Meetupの記事が。[選者:のびすけ]
参考:Milkcocoa Meetup vol.3 に行ってきた
http://mag.switch-science.com/2015/07/09/milkcocoa-meetup-vol-3/
EdisonとMilkcocoaの連携
Milkcocoaのブログに寄稿したネタです。[選者:のびすけ]
参考:超小型マイコンボード「Intel Edison」のセットアップ 〜 Milkcocoaと連携させる手順を初心者向けに解説します。
http://blog.mlkcca.com/iot/how-to-setup-edison-for-milkcocoa/
Googleから「Material Design Lite」がリリース
Googleから公式のマテリアルデザインフレームワークフレームワーク「Material Design Lite」がリリースされました。特定のライブラリに依存することなく、主要なモダンブラウザに対応しています。[選者:いなば]
参考:Material Design Lite
http://www.getmdl.io/
CAからリモートでスマートフォンデバッグする仕組みをリリース
サイバーエージェントがリモートでスマートフォンデバッグする仕組みをリリースしました。[選者:先生]
参考:Smartphone Test Farm
https://openstf.github.io/
Googleの深層学習アルゴリズムが話題に
Googleが公開している深層学習(ディープラーニング)アルゴリズム「DeepDream」が話題になっています。これは画像の中でAIが知っているパターンに近いものがあるとその部分を、置き換えて画像を生成するというアルゴリズムなのですが、できあがるものがとにかく怖いです。
先日Web上でそのアルゴリズムを試すことのできるサイトが公開されました。Twitterでハッシュタグ「#deepdream」で検索をすると恐怖の画像が次々と出てきます(閲覧注意)。このアルゴリズムはGithub上で公開されています。[選者:店長]
参考:Deep Dream web interface
http://psychic-vr-lab.com/deepdream/
参考:google/deepdream · GitHub
https://github.com/google/deepdream
ディレクターのピックアップ
Googleが広告表示を適正化
Google社が不自然なクリック率の上昇や広告費用の増加を防ぐために「広告画像の縁近くをクリック不可」「広告が表示されてからクリック可能になるまで少し時間を置く」などの仕組みを導入するそうです。
これらの施策によって、広告主はクリックによる費用が減ってコンバージョンレートが向上する見込みです。ユーザーにも広告主にもメリットが高いこのような取り組みは素晴らしいですね。[選者:ささき]
参考:ディスプレイ広告でクリックの質を高める新たな取り組みについて
http://adwords-ja.blogspot.jp/2015/07/better-click-quality-on-display-ads.html
人工知能で“荒れない”コメントシステム
クーロンがWebメディア向けに“荒れない”コメントシステム「QuACS(クアックス)」の提供を開始しました。誹謗中傷や罵詈雑言、差別用語、違法取り引き、人権侵害、出会い目的、公序良俗に反する内容は、自動フィルタリングで非表示にすることが可能です。また、フィルタリングは導入するWebサイトごとに強弱設定できるそうです。いま人工知能がアツすぎる。[選者:ささき]
人工知能で“荒れない”コメント欄–「議論の場」醸成めざしメディアに無料提供
参考:http://japan.cnet.com/news/service/35066978/
IoTビジネスが加速してます
IoTの商品が色々でてきて楽しそうです。個人的にはMyoが気になります。
参考:知らなきゃマズい!最新IoTビジネス20選+αをまとめてご紹介
http://keiei.freee.co.jp/2015/06/30/iot-business/
ドローンを利用した広告・プロモーション
ハチ型ドローンがカワイイ。
参考:可能性は無限大? 何かと話題の「ドローン」を使った世界の広告・プロモーション10選
http://adgang.jp/2015/07/101551.html
2015年のカンヌライオンズを振り返る
2015年のカンヌが終わりました。
参考:【カンヌライオン2015】フィルム、イノベーション、チタニウム、インテグレーテッド
http://www.machikado-creative.jp/case/11600/
おまけ
コンテンツマーケティングやFacebookの企業運用について。[選者:ジャック]
参考:コンテンツマーケティングのビジネス成果への貢献度を見える化する、KPI設定&効果測定の秘訣(2015/07/08記事)
http://markezine.jp/article/detail/22571
参考:Facebookはユーザーを逃がしたくない。外部サイトへの広告クリックを値上げ。(2015/07/09記事)
http://jp.techcrunch.com/2015/07/09/20150708facebook-wants-your-attention-so-its-charging-separately-for-ad-clicks-that-send-you-away/
まとめ
いかがでしたでしょうか。今週もWeb制作業界にはたくさんのニュースがありました。このまとめがみなさんの来週の業務のお役に立てばうれしいです。
それでは、また。
- LIGの制作実績はこちら
- LIGの採用応募はこちら
LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。