分ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2019年2月18日~2月24日の間に見つけた記事のベスト5です。Bloghttps://dribbble.com/stories/2019/02/22/what-are-design-systemsデザインシステムとは何かを知るヒントとして,いくつかの実例を紹介しています。この記事によると,一般的なデザインシステムの定義は「ブランドの言語を視覚的に表現し,チームが製品を設計および開発する際に従うための包括的なガイドとして役立つ,再利用可能なコンポーネントのまとまり」とのことです。効果的なデザインシステムは以下の条件を満たすべきとのことでした。Designmodohttps://designmodo.com/landing-page-conversion-rates/より良いデザインと,より高いコンバージョンのために,ランディングページを整理するヒントを紹介した記事です。projecthttps://iconsvg.xyz/カスタマイズできるSVGアイコンを提供しています。変更できるのはサイズ,線の太さ,線の色,角と端の線の形状です。生成されたコードをコピーして使えますし,SVGファイルとしてダウンロードも可能です。react-insta-storieshttps://mohitk05.github.io/react-insta-stories/Instagramのストーリーのような挙動の画像スライドを,Reactを使って実現しています。画像の右側をクリックしたら次へ,左側をクリックしたら前へ,クリックし続けると停止,という最近モバイル環境で流行しているインターフェイスを,ウェブ上で使えるのは面白いです。パソコンだけでなくモバイルのブラウザでも動作しますが,クリックし続けたときに画像を選択してしまい「コピー/調べる」などのメニューが出てしまうのが惜しいと思いました。Discoveryhttps://medium.com/@yonatandoron/how-facebook-designs-microinteractions-for-feature-discovery-c79cfe998a77機能を見つけてもらうためのマイクロインタラクションを,Facebookがどうデザインしたかをまとめています。星型の図形がキラキラっとアニメーションするのを,CSSのclip-pathで実現する方法を詳しく解説していて興味深いです。したアニメーションをCSSのclip-pathで実現する例そのほか,最近の記事の中から,気になるニュース記事を紹介します。Mobile2019年半ばに発売予定で約29万円とのこと。collectionhttps://joeschmoe.io/プロフィール画像などのダミーに使うための,人物イラストアイコンを生成するサービスです。ダミー画像生成のサービスと同様に,URLの末尾に入れる文字列でカスタマイズできます。「random」でランダム生成,「⁠male」「⁠femail」と入れることで男性か女性かを選べます。イラストはSVGなので大きなサイズでも問題ないですが,絵柄がシンプルながらもちょっとクセがあるようにも感じました。Avatarsというのもありました。こちらはドット絵のイラストがベースですが,図形のようなものや別テイストのイラストも選べます。マイナビニュースhttps://news.mynavi.jp/article/20190219-773954/アナログ時代の写真のアルバムといえばナカバヤシ「フエルアルバム」が定番でした。昨年は発売50周年のアニバーサリーイヤーを迎えたそうです。そのナカバヤシが,無料で容量無制限のクラウドストレージサービスを開始しました。アルバム」を使い,スマホ内の写真画像を自動でバックアップできます。無料で提供するのは,物理的なアルバム(フォトブック)作成のサービスなどで収益化するための囲い込みでしょう。ナカバヤシはすでに,フエルフォトブックというサービスを提供しており,Webやアプリでフォトブックを作って注文できるようになっています。フエルアルバムのようにあとからシートを追加できるのもポイントです。今回調べてみてフエルフォトブックを頼みたくなってきたので,これもクラウドストレージサービスをリリースした効果とも言えそうです。アルバム著者プロフィール芦之由(あしのよし)Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター&ライター。IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。デイリーWebテクの購読やバックナンバーについては,以下の紹介サイトをご覧ください。1位は,パスワードマネージャーとうまく連動するログインフォームを作るヒント,気になるネタは,GoogleマップのARナビ機能,一部ユーザー向けにテスト中。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。コードの安全性・安定性を高める開発サイクル~テスト管理の効率を上げ,脆弱性診断を自動で行う~本連載では,連載「業務を改善する情報共有の仕掛け」を受けつつ,安全性・安定性を加えた開発サイクルについて考えていきます。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。