Technical Blog
技術ブログ
WordPressで継続して書いてきた技術記事・開発記録をまとめています。 学習内容、開発で詰まったこと、実装の理解を言葉に残しています。
Storybookを試してみた
Storybookは、UIコンポーネントのカタログです。 Storybookの存在は以下の本を読んだ時に知りました。 Storybookのインストール WordPressでStorybookを使おうとしたところ、おそらく依存ファイルが足りないなどの理由で、上手くいきませんでした。 なので、Next.jsで使ってみることにしました。 公式サイトのドキュメントに従って、インストール …
カレンダー入力のUI作成、vuejs-datepicker
クラウドワークスで、お問い合わせフォームの日付入力をプルダウン形式からカレンダー入力形式に変更して欲しいというご相談を受けました。 学習ブログを書いていきます。 今回の要件 引越し予定日の年・月・日をカレンダーから選択できるようにする。 ライブラリを使うための準備 まずは、vue.jsとvuejs-datepickerを読み込みました。 最も基本的な形 See the Pen …
GitHub Actionsで、自作WordPressテーマをmasterブランチにプッシュしたらデプロイされるようにした
GitHub Actionsを使用して、本サイトのWordPressテーマを編集した後に、GitHubのmasterブランチにプッシュをすると、エックスサーバーに自動でデプロイされるようにしました。 手順1: サーバー情報4点を確認 FTPサーバー(ホスト)名、ユーザー名 サーバーパネル > サブFTPアカウント設定 > FTPソフト設定 パスワード サーバーパネルにログインす …
Azureとは？
求人の必須スキルに「Azure」という単語が含まれていることが多いので、調べてみました。 一言で言うと マイクロソフトのクラウドコンピューティングサービスです。 読み方 アジュールです。 公式サイトに書いてあったこと TECH::EXPERTでWEBアプリケーションのデプロイを行なった時は、AWSを使用しました。 Azureという選択肢もあるということですね。 実際にサインアッ …