Adobe XD, デザイン

<前回の内容>

 プロトタイプとは?

「プロトタイプ」とは試作品のことです。「デザインカンプ」や「モックアップ」などと呼ばれることもあります。XDで制作するプロトタイプは、デザインの他にどこをクリックしたらどのページに飛ぶと ...

JavaScript

typescriptやjsで実装している時にどのライブラリを使うか比較検討したいことがあると思います。そんな時に便利なのがnpm trendsです。

オープンソースのライブラリを選択する時には、以下のことを気にするようにし ...

未分類

アイキャッチ

vscodeで保存時にPrettierを使ってコード整形するというのは、既にやっている方も多いと思います。

今回は、Prettierではなく、保存と同時にnpm run xxxしたいという場合について書いていきます。

AWS

前回の内容
こちらで作ったコードを少し参考にする。
ちなみに、バージニア北部で作っちゃったので、東京で作り直してます。
これがデプロイの設定の時に関係するので、ap-northeast-1で作るようにします。 ...

AWS

作ってみると言ったものの、やってて思ったのが何もやってないなということ。

HTTPリクエストがどんな感じかを体験できればOKなので、設計図の使用から作成します。
ブループリントの検索窓でhttpと打てば以下のような ...

AWS

アイキャッチ

以下ができていることが前提となります。

準備

まずは作業ディレクトリを作成します。wsl2のubuntuでやっているので以下のようなディレクトリになりました。

/mnt/c/root/work/learn/AWS ...

AWS, Azure

アイキャッチ

最近長らく windowsを触ってなかったので、AWSの勉強には windows端末を使おうと思い立ちました。

AzureはMacで触っているのでなんだか変な感じがしますが。

WSL2+Ubuntu環境で tf ...

AWS

IAMと入力する。

ユーザをクリックしてユーザ追加をクリック

ユーザー名は任意の名前を設定します。
アクセスキー・プログラムによるアクセスにチェックします。

csvのダウンロードしておきます ...

Adobe XD, デザイン

<前回の内容>

最終の一番下部分を作成していきます。

SNSリンクボタンの配置

1. 画像を入れるための正方形を描く

【Point】正方形→長方形ツールで、Shiftキーを押しながらドラッグ

Adobe XD, デザイン

<前回の内容>

最後に、ワイヤーフレーム下部分を作成していきます。こちらがサンプルです。

ー 作成手順 ー

写真入りの記事(2)

今回の写真記事部分は、前回作成した写真記事と要素がほぼ同 ...