AWS Amplify Studio を触ってみた

すこし前に話題になったAmplify Studioを触ってみました。 ReactもFigmaも詳しくないのですが、今っぽいサービスなのと実際にどのくらい使えそうかを確認する目的です。 主に3つツールがそれぞれの役割で登場することになります。 Amplify Studio(AWSコンソ…

CSS Container Queries を理解する

Container Queriesとは MDNによると、「コンテナのサイズを見て、コンテナ内のスペースに応じてレイアウトを調整できる」とあります。 この「コンテナ」とは、基本的にスタイル指定を行うコンポーネントの親要素になります。 例えば、サイドバーとメインエリ…

:modal 擬似クラスを試してみた

:modal 擬似クラスとは MDNでは、下記のように説明されています。 JavaScriptの showModal() によって表示される dialog 要素 JavaScriptの requestFullscreen() によって表示されるフルスクリーン要素 先日リリースされたChrome 105、Edge 105でSafari、Fir…

Next.js の Hello World から Vercel へのデプロイまで

React のフレームワーク Next.js の Hello World から Vercel へのデプロイまでを試してみます。 基本的には 公式のチュートリアル を参考にしています。 やってみた 環境作成 create-next-app コマンドでプロジェクト作成します。 $ npx create-next-app@la…

コンポーネント設計との上手な付き合い方

UI

コンポーネントの基本 — Vue.js より これはなにか Webアプリケーション開発において、コンポーネント指向で開発を行うことがあります。 「コンポーネント指向で開発」とは、例えばこのインターフェース上のパーツ要素(=コンポーネント)は汎用的に使用する…

Nuxt.jsでAPI通信なしの静的ファイルを書き出す

Nuxt.jsのComposition API、useStatic() メソッドを使用して、API通信しない静的ファイルを書き出しできるかを試してみました。 経緯 開発案件でマークアップを担当する際に、開発リポジトリとは別にデザインチーム用のGitを作成するケースは多いです。 静的…

【イベント】うちのデザインレビューは“ここ”を見る

「うちのデザインレビューは“ここ”を見る【デザナレVol.11】」 を視聴したのでメモと感想を残しておきます。 目次・概要 ポートフォリオを介したマッチングプラットフォーム ViViViT を提供している 株式会社ビビビット さん主催の勉強会。 今回は3名の方が…

【イベント】事業とカルチャーを進化させる、Amebaのブランド戦略とデザインシステム

サイバーエージェントさんのオンラインイベント【CADC2022】内の 「事業とカルチャーを進化させる、Amebaのブランド戦略とデザインシステム」 を視聴したのでメモと感想を残しておきます。 目次・概要 CHAPTER1 広がるデザインの役割 CHAPTER2 Amebaでのケー…

【読書メモ】はじめてのUXリサーチ ―ユーザーとともに価値あるサービスを作り続けるために

はじめてのUXリサーチ ユーザーとともに価値あるサービスを作り続けるために作者:松薗 美帆,草野 孔希翔泳社Amazon 目次・概要 Chapter1 UXリサーチの捉え方 Chapter2 UXリサーチの始め方 Chapter3 UXリサーチの組み立て方 Chapter4 UXリサーチの手法を知る …

【読書メモ】UXデザインの法則 ―最高のプロダクトとサービスを支える心理学

UXデザインの法則 ―最高のプロダクトとサービスを支える心理学作者:Jon YablonskiオライリージャパンAmazon 目次・概要 CHAPTER1 ヤコブの法則 CHAPTER2 フィッツの法則 CHAPTER3 ヒックの法則 CHAPTER4 ミラーの法則 CHAPTER5 ポステルの法則 CHAPTER6 ピー…

AWS認定試験 プラクティショナーから始めた人のためのアソシエイト資格取得

AWS

対象読者 クラウドプラクティショナーを取得済みで、次は各アソシエイト資格にチャレンジしようとしている方 開発、インフラ構築以外の業務を普段行っている方 背景 業務でAWSに触れる機会が少なめな人観点での記事は少なく感じましたので、かなり主観が入…

AWS DevOps エンジニア プロフェッショナル 受験記

AWS

これまで・今回の結果 2019/6/8 CLF 合格 830点 2019/7/6 SAA 不合格 630点 2020/1/4 SAA 合格 771点 2020/2/9 DVA 合格 845点 2020/2/14 SOA 合格 801点 2020/7/24 SAP 不合格 730点 2020/8/8 SAP 不合格 723点 2020/8/23 SAP 不合格 730点 ※システム不具合…

2021年3月 振り返り

結果 ブログ 目標:月 8 回(週2回)更新 結果:月 10 回 更新 読書 目標:月 1 冊 結果:月 3 冊 反省点など 満遍なくインプットできました。 来月に向けて AWS資格と並行しつつフロントエンド領域もとなると難しいですがなんとかやっていきたいです。

【読書メモ】ポケットスタディ AWS認定 デベロッパーアソシエイト

ポケットスタディ AWS認定 デベロッパーアソシエイト (アソシエイト試験ポケットスタディ)作者:山下光洋発売日: 2021/03/09メディア: 単行本 DOP資格対策として、今月発売のDVA対策本を読みました。 目次 SECTION1 AWS認定デベロッパーアソシエイト SECTION2…

Nuxt.js + AWS ECS Fargate その4(まとめ)

GitHub https://github.com/yuheijotaki/nuxt-fargate_app これまでの記事 その1 Nuxt.jsアプリ作成〜ECRリポジトリへのプッシュ その2 ALBとECS Fargate展開 その3 CI/CD環境作成 その4 まとめ(本記事) 構成 Nuxt.js(SSR)のコードを GitHub にプッシュ…

Nuxt.js + AWS ECS Fargate その3(CI/CD環境作成)

前回に続いてAWSのCodePipelineを使用してCI/CD環境を作成しようと思います。 アプリケーションコードのリポジトリはGitHubを使用しているので、GitHub Actionsでもできるようですが、そちらは一度触ったことがありAWSサービスの理解を深めたいので今回はAWS…

Nuxt.js + AWS ECS Fargate その2(ALBとECS Fargate展開)

前回に引き続きAWS側の設定を行っていきます。 コンテナのタスク、サービスについては改めて理解するため下記が参考になりました。 基礎から応用までじっくり学ぶECS Fargateを利用したコンテナ環境構築 #Fargate | DevelopersIO 構築手順の参考にした記事は…

Nuxt.js + AWS ECS Fargate その1(Nuxt.jsアプリ作成〜ECRリポジトリへのプッシュ)

トレンドのVuejs/NuxtをAws ECS, FargateでSSR、詳細解説します の記事を参考に進めてみる。 ローカル環境 使用バージョン Node.js: 12.11.0 AWS CLI: 2.1.31 Nuxt.js アプリの作成 create nuxt-app で作成します。 $ yarn create nuxt-app nuxt-fargate_app…

【読書メモ】フロントエンド開発入門 プロフェッショナルな開発ツールと設計・実装

フロントエンド開発入門 プロフェッショナルな開発ツールと設計・実装作者:安達 稜,武田 諭発売日: 2020/10/09メディア: 単行本 目次 Part1 導入編 なぜ使うかを知る Chapter1 フロントエンドエンジニアの歴史 Chapter2 フロントエンドエンジニアに求められ…

2020年に読んだ本

2019年版 フロントエンド / Web イラスト図解式 この一冊で全部わかるWeb技術の基本 UI/UXデザイン UX(ユーザー・エクスペリエンス)虎の巻-ユーザー満足度を向上する設計開発テクニック- ユーザビリティエンジニアリング(第2版) ―ユーザエクスペリエンスの…

2020年後期のWebサイト

2020年後期分です。 2019年前期のWebサイト 2019年後期のWebサイト 2020年前期のWebサイト RSSでギャラリーサイト購読して気になったのはPocketでブックマークのなかから選んでます。 今回はジャンル別で分けてみました。 医療系が多めになってしまいました…

2021年2月 振り返り

結果 ブログ 目標:月 8 回(週2回)更新 結果:月 4 回 更新 読書 目標:月 1 冊 結果:月 1 冊 反省点など 振り返りすらままなりませんでしたが、ちょっと復調 来月に向けて 資格勉強も落ち着いて色々勉強する気持ちになれているので、まずは昨年残しにな…

【読書メモ】オンスクリーン タイポグラフィ 事例と論説から考えるウェブの文字表現

先日、オンラインの発売記念イベント にも参加した「オンスクリーン タイポグラフィ」を一通り読んだのでメモしておきます。 オンスクリーン タイポグラフィ 事例と論説から考えるウェブの文字表現作者:伊藤庄平,佐藤好彦,守友彩子,桝田草一,カワセタケヒロ,…

【イベント】Front-End Study #4「いま考えるユーザー体験とデザイン」

ForkwellさんのオンラインイベントFront-End Study #4「いま考えるユーザー体験とデザインの世界」を視聴しました。 フロントエンドエンジニアがデザインとどう向き合うべきかという興味のあるテーマの中で各セッションを聞けたので、メモと感想を残しておき…

【イベント】タイポグラフィを武器にする 〜文字とデザイン、WEBとUI、そしてUXのお話〜

イベント概要 Connpass: タイポグラフィを武器にする 〜文字とデザイン、WEBとUI、そしてUXのお話〜 書籍『オンスクリーン タイポグラフィ 事例と論説から考えるウェブの文字表現』の発売記念イベントとして、この書籍から派生して現場で使えるTipsやあるあ…

【読書メモ】UI/UXデザインの原則

UI/UXデザインの原則作者:平石 大祐発売日: 2020/10/23メディア: 単行本(ソフトカバー) 目次 原則1【:HOW】ユーザー心理/行動をとらえる 「ユーザー心理/行動に則って考える」ことがUI/UXデザインの第一歩である 原則2【:HOW】どう改善するか 「ユーザー真…

AWS ソリューションアーキテクト プロフェッショナル 受験記(再)

AWS

これまで・今回の結果 2019/6/8 CLF 合格 830点 2019/7/6 SAA 不合格 630点 2020/1/4 SAA 合格 771点 2020/2/9 DVA 合格 845点 2020/2/14 SOA 合格 801点 2020/7/24 SAP 不合格 730点 2020/8/8 SAP 不合格 723点 2020/8/23 SAP 不合格 730点 ※システム不具合…

2020年11月 振り返り

結果 ブログ 目標:月 8 回(週2回)更新 結果:月 0 回 更新 読書 目標:月 1 冊 結果:月 0 冊 反省点など 今月も何もできませんでした・・ 来月に向けて ちょっと落ち着く見通しがつきそうなのでがんばります。

2020年10月 振り返り

結果 ブログ 目標:月 8 回(週2回)更新 結果:月 0 回 更新 読書 目標:月 1 冊 結果:月 0 冊 反省点など ぜんぶ反省です。 来月に向けて 11月も立て込みそうなので12月から本気出せるように・・・

2020年9月 振り返り

結果 ブログ 目標:月 8 回(週2回)更新 結果:月 9 回 更新 読書 目標:月 1 冊 結果:月 2 冊 反省点など Vueもさわれたし勉強会もいくつか参加できたので、久しぶりに良い内容だったかなと思います。 来月に向けて そんな忙しくなければSAPの勉強も再開…