分ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2017年1月23日~1月29日の間に見つけた記事のベスト5です。Mediumhttps://medium.com/hh-design/crash-course-ui-design-25d13ff60962#.yyzpv84lkUIデザインの短期集中コースと題し,UIデザインの基礎を解説した記事です。UIデザインの法則として,以下の5つの項目について説明しています。SpyreStudioshttp://spyrestudios.com/5-fold-elements-get-audiences-attention/ファーストビューで興味を引くための要素を紹介しています。背景動画2のサービスは,そのサイトが提供するサービスの機能がファーストビューですぐに使えるようにするということです。designhttps://envato.com/blog/searching-best-ux-search-forms-boxes-web-design/検索窓(検索フォーム,検索ボックス)のUXデザインについて考察した記事です。Designhttps://blog.prototypr.io/how-to-use-colors-in-ui-design-16406ec06753#.qytz88jdbUIデザインで色をどう扱うかについてのテクニックやツールをまとめた記事です。それぞれの色から連想される意味や,「⁠ただのグレースケールではなく彩度を少し加えるといい」といったテクニックなどを紹介しています。Homepagehttp://www.onextrapixel.com/2017/01/26/a-bundle-of-abstract-shapes-is-a-new-way-to-decorate-the-homepage/Webデザインの新たなトレンドとして,抽象的な形の組み合わせを使ったサイトの実例を多数紹介しています。図形がアニメーションしたり,インタラクティブ性をもっているものが多く,いきなりテトリスのように図形が出てくるサイトもありました。抽象的な形の組み合わせを使ったWebデザインいろいろそのほか,最近の記事の中から,気になるニュース記事を3つ紹介します。10.3ベータ版に追加。Japan“⁠Facebookとの2年間にわたる協力を通じて,ChromeとFirefoxは,キャッシングの技術を向上させてきた⁠”とのことですGoogle翻訳,カメラで写すだけでリアルタイム翻訳に対応リアルタイムカメラ翻訳機能が,英語・日本語間の翻訳でも可能になりました。Usabilityhttp://designwoop.com/2017/01/tools-testing-websites-usability/今回は,Webサイトのユーザビリティをテストするためのツールをまとめた記事を紹介します。ヒートマップ,ウェブサイトの読み込み速度,安全性のレベル,エラーなどを知ることができるサービスを15個掲載しています。最初に紹介されている「Clicktale」がオススメのようで,ユーザーのサイト上での行動を再生したり,クリックヒートマップ,フォーム解析,ユーザーの行動に関する詳細レポートなどの機能もあるそうです。ほかにもA/Bテストができるサービスや,リモートユーザーテストツール,各種ブラウザでの表示チェックツールなど,サイトをより良くするために役立ちそうなサービスが揃っています。Japanhttp://japan.cnet.com/news/service/35095677/TwitterのiOSアプリのタブバーの項目がまた変わり,「⁠もっと探す」タブが登場しました。「⁠トレンド」「⁠モーメント」とキーワード検索がそこから利用できます。右上の特等席にあった虫眼鏡アイコンがタブバーに移動した感じですが,下にあったほうが片手操作で押しやすいというメリットもありそうです。Instagramアプリも同じ位置に虫眼鏡アイコンがあります。iOSアプリでは「もっと探す」に入ったモーメント機能が,ブラウザ版では1つのメニューとして左上に表示されるようになり目立っています。これまでその存在自体があまり知られていなかったモーメントが,より使われるきっかけになりそうです。アプリ著者プロフィール芦之由(あしのよし)Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター&ライター。IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。デイリーWebテクの購読やバックナンバーについては,以下の紹介サイトをご覧ください。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。業務を改善する情報共有の仕掛け~DevOpsの実現,RPAの導入に向けて~ソフトウェア開発の業務改善をテーマに,DevOps実現の手順やそれを助けるツールとの連携,RPAによる社内ドキュメントの管理や効率化について解説します。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。