分ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2017年10月2日~10月8日の間に見つけた記事のベスト5です。Toptalhttps://www.toptal.com/designers/ui/future-ui-design-without-buttonsボタンを使わない未来のUIデザインについて考察した記事です。マイク,カメラ,タッチスクリーン,振動,加速度計,ジャイロ,GPS,拡張現実,バーチャルリアリティなどを使うことでボタンのいらないUIが実現できるとして,いくつかの例を紹介してします。Instagarmのストーリーのナビゲーションが,タッチスクリーン全体が操作に使われる例として載っています。スクリーンの真ん中あたりをタップすると一時停止,左右の端をタップすると次や前へのナビゲーションとなっており,最初は分かりにくいですが慣れるとボタンより快適です。拍手で「いいね!」ができる例や,指でハートを描くと「いいね!」になる例が掲載されていますが,これらはあくまでも「こういうのはどうでしょう」というコンセプト動画でした。Cardshttps://speckyboy.com/css-content-cards/カード型でコンテンツを見せる「コンテンツカード」のCSSでのコーディング例を10個紹介しています。マテリアルデザインでおなじみのモバイル端末を意識した要素だと思いますが,PCでしか動作しないホバー状態での変化をうまく使ったものも多いところが気になります。Mediumhttps://medium.com/wayfair-design/more-padding-please-b95e19422acc「もっと空白を!」というタイトルで,デザインにおけるホワイトスペースの重要性を訴えています。40と8の倍数ピクセルでパディングを設定するルールになっており,それにより視覚的な一貫性を生んでいるとのことです。ホワイトスペースによりユーザー体験はどう改善されるかという項目では,以下の3点について説明していました。CSS-Trickshttps://css-tricks.com/making-pure-css-playpause-button/CSSだけでプレイボタン/ポーズボタンを作る方法を丁寧に解説しています。昔ながらのCSSのボーダーを使ってテクニックで,プレイ/ポーズボタンを作り出しています。Designhttps://1stwebdesigner.com/beautiful-ios-11-app-design/iOS11での美しいアプリデザインの例をGIFアニメで紹介しています。大きなタイトルテキスト,大きく丸みを帯びたコーナー,微妙な影,洗練されたボタンやアイコンが特徴のようです。iOS11での美しいアプリデザインの例いろいろそのほか,最近の記事の中から,気になるニュース記事を3つ紹介します。Messengerがついに終了とのこと。calculatorhttp://ratiobuddy.com/RatioBuddyはイメージの縦横比を計算してくれるシンプルなWebサービスです。縦横比を固定したままレスポンシブにリサイズできるCSSコードも生成されます。上の欄が縦横のピクセル数,下の欄が縦横比となっており,それぞれ数値入力できます。画像サイズを入力して縦横比を求めたり,縦横比を固定した状態で幅か高さの片方の数値を入力することで,もう片方の数値を求めるといった使い方ができます。サムネイル画像のサイズを決めたいという場合には,まず画像サイズを入れて縦横比を求めて,鍵マークを選んで縦横比を固定したあと幅か高さかの数値を入力してサイズを決められます。WAVE」も正式販売が開始され,スマートスピーカーが日本でもいよいよ始動しました。HomeはTSUTAYAでレンタルも行われるそうで,試してみたい人には便利そうです。MUSICの使用料を考えると本体料金は実質1280円となるとのことです。Echo」や,音楽再生に重きを置いたAppleの「HomePod」の登場がまだなので,様子見という人も多いでしょう。ヒット商品といえるほどスマートスピーカーが売れることはないと思いますが,じわじわと普及していく可能性はあると考えています。著者プロフィール芦之由(あしのよし)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.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。