分ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2018年10月29日~11月4日の間に見つけた記事のベスト5です。Trendhttps://speckyboy.com/hamburger-mega-menus/ハンバーガーメニューとメガメニューを組み合わせたサイトデザインの実例をまとめた記事です。批判もあるけれど利便性も高く,なんだかんだで生き残ってきたハンバーガーメニュー。モバイル向けを前提としたシンプルなメニューが多かったのですが,最近はPCの全画面用に凝ったメニューも増えてきています。そこで,ハンバーガーメニュー&メガメニュー(項目が多かったりサイズが大きいメニュー)を使っているサイトの中から,デザイン的に優れたものを紹介しています。Androidhttps://www.mobile-patterns.com/モバイルアプリのUI/UXの事例がたくさん見られるギャラリーサイトです。アプリのカテゴリ,行うアクション,ナビゲーションの種類,(⁠ロード中などの)状態など,いろいろな観点から絞り込めます。登録されているほとんどの画面イメージは動画になっていて,操作イメージがわかりやすいです。カーソルを合わせるだけで再生されるのも便利です。1stWebDesignerhttps://1stwebdesigner.com/free-styleguide-templates/スタイルガイドを作るためのサービスやテンプレート素材を紹介しています。大きく分けると,デザインの初期段階でクライアントと確認するためのものと,実際の制作時にデザイナーと開発者で使うものの2種類あります。XDの使い方を,初心者向けに解説した記事です。Hadron.https://blog.prototypr.io/a-design-tool-that-is-also-a-developer-tool-introducing-profiles-in-hadron-c04537d159a8開発ツールでもあるデザインツール「Hadron」の紹介記事です。XDのような操作感でデザインできます。デベロッパービューでは,ブラウザのデベロッパーツールのようにプレビューを見ながらHTML,CSSなどのコードを書けます。現在まだプレビューバージョンで,早期アクセスのリクエストを受け付けています。開発ツールでもあるデザインツール「Hadron」の紹介そのほか,最近の記事の中から,気になるニュース記事を紹介します。assetshttps://www.promomatic.com/Promomaticは,アプリの紹介画像を簡単に作れるサービスです。ストアのアプリ紹介に使える画像を生成できます。スクリーンショットの画像ファイルさえあれば,スマホの画面にハメコミ合成して,キャッチコピーなどのテキストを入れたデザインを作れます。背景色や背景画像,フォント,テキストサイズ,テキスト色など細かくカスタマイズできます。完成した画像を高解像度でダウンロードするのは有料です。料金表には1つ2ドルと書いてありますが,実際にやってみると1ドルと表示されました。期間限定で1ドルなのかもしれません。アプリストアのアプリ紹介だけでなく,ソーシャルメディアで使う画像用に使っても便利だと思います。Pencilも新しくなりました。Pencilは使えないそうです。Pencilのポイントは,iPadに磁石でくっつきワイヤレス充電されること。キャップを外してLightningポートに挿すこれまでの充電方法は不評だったので,うれしい進化と歓迎されています。Pencilをダブルタップするジェスチャー操作も追加されました。アプリ側の対応次第で,ペンから消しゴムに切り替えるなどができるわけです。Proを使う人がますます増えそうですね。.iPad著者プロフィール芦之由(あしのよし)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.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。