分ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2015年5月18日~5月24日の間に見つけた記事のベスト5です。designhttp://thenextweb.com/dd/2015/05/20/new-web-trends-immersive-interaction-design/Webの新トレンドという,没入型のインタラクションデザインについて解説した記事です。対話型,双方向的なユーザー体験のためのポイントとして,以下の4項目に分けて説明しています。Monohttp://mono.company/journal/design-practice/the-10-commandments-of-good-form-design-on-the-web/良いフォームデザインのための「十戒」です。原文では,「⁠なんじ,○○なかれ」みたいな言葉遣いの見出しとなっています。フィールドのラベルを常に表示する十分大きなフォントを使うタッチデバイスで指でタップしやすくする予想される文字数に応じて入力欄のサイズを調整するチェックボックスとラジオボタンをカスタマイズしないエラーメッセージは全体で共通のものとフィールドごとに個別のものと両方を表示する必須項目とそうでないものを明確にする不要なものは必要となるまで表示しない入力する項目を最小限にするどう入力して欲しいのかを明確にするさらに追加の1項目として,「⁠入力値チェックは送信ボタンを押してから行う」というのも載っていました。ユーザーは項目によっては後回しにする場合もあるので,フィールドに入力するたびに値チェックをしないほうがいいとのことでした。Trendshttp://webdesignledger.com/trends-2/accessibility-for-responsive-websitesレスポンシブなWebサイトのレイアウトにおけるアクセシビリティについて,注意すべき点をまとめた記事です。読みやすい文字を使う,重要でない要素を削る,柔軟性をもたせたレイアウトを使うといったポイントを解説しています。DesignM.aghttp://designm.ag/resources/here-are-the-best-tools-and-resources-of-2015/Webデザインや制作に役立つツールや素材をまとめています。HTMLメールのテンプレートの売買ができるサービスや,パワーポイントでワイヤーフレームを作るのに役立つツールキットなどが紹介されていました。Junctionhttp://graphicdesignjunction.com/2015/05/flat-websites-flat-ui-design/フラットデザインのWebサイトのギャラリーです。「2015年はちょっと影が薄くなってきたフラットデザインだけど,わたしは好き」という人が,目新しいフラットデザインのサイトをまとめています。フラットデザインのWebサイトのギャラリーそのほか,最近の記事の中から,気になるニュース記事を紹介します。Photoshop,Illustrator,InDesignのショートカットキーを確認できるサービスです。画面に表示されたキーボードの各キーに機能の名称が表示されます。画面上のキーボードのコマンドキーやシフトキーなどを押すと,それに合わせてショートカットが変更されます。パソコンのキーボードでキーを押した場合も同様です。キーボードは,Mac/Windows/Linuxで切り替えたり,言語で切り替えられるようになっています。残念ながら,日本語キーボードは選べません。検索フィールドに文字を入力してショートカットを探すこともできます。これももちろん英語なんですが,なかなか便利だと思います。Messengerに関するニュースが最近多いのですが,メッセンジャーでプレイするゲームを準備中というよくわからない報道もありました。チェスやボードゲームを順番でメッセージを送り合いながらやるというのもありかもしれません。何にせよ,Facebookがやるわけですし,ソーシャルな要素が含まれたゲームになるんだと思います。Facebookのゲームのお誘いの通知と同様なものが,メッセンジャーにも登場するんでしょうね。取引先からメッセージが来たと思ったらゲームのアイテムなんてことが,LINE同様起きそうです。ゲーム著者プロフィール芦之由(あしのよし)Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター&ライター。IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。デイリーWebテクの購読やバックナンバーについては,以下の紹介サイトをご覧ください。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。コードの安全性・安定性を高める開発サイクル~テスト管理の効率を上げ,脆弱性診断を自動で行う~本連載では,連載「業務を改善する情報共有の仕掛け」を受けつつ,安全性・安定性を加えた開発サイクルについて考えていきます。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。