2020年6月 振り返り

結果 ブログ 目標:月 8 回(週2回)更新 結果:月 6 回 更新 読書 目標:月 1 冊 結果:月 2 冊 反省点など ブログ月8回更新には届かなかったですが、だんだんとリズム取り戻せてる気がします。 仕事で調べものするときとか、外向きにできるものはするなど…

【読書メモ】Amazon Web Services 定番業務システム14パターン 設計ガイド

前回 に引き続き、日経BPのAWS本です。 Amazon Web Services 定番業務システム14パターン 設計ガイド作者:川上 明久発売日: 2018/09/28メディア: 単行本 目次 [基本編] 1章 Webシステム 2章 ストレージシステム 3章 データ分析システム [応用編] 4章 ア…

最近のエディタまわりの環境

社内勉強ネタですが、まとめのために書いてみようと思います。 自分の設定なので良し悪しあると思います。 基本的には下記の記事が設定や選定のベースになってます。 Visual Studio Code の初期設定など Sublime Text の独自スニペットを Visual Studio Code…

2020年前期のWebサイト

2020年前期分です。 2019年前期のWebサイト 2019年後期のWebサイト RSSでギャラリーサイト購読して気になったのはPocketでブックマークのなかから選んでます。 まとめて見る機会はあまりないのですが、並べてみると結構偏ってたので趣向別で分けてみました。…

Nuxt.jsのWebアプリをFirebase(Cloud Functions/Firebase Hosting)でSSRする

URL: https://nuxt-firebase-demo-1355e.web.app/ GitHub: https://github.com/yuheijotaki/nuxt-firebase SSRなのでFirebaseの Cloud Functions と Firebase Hosting を使います。 AWSでいうと Cloud Functions は Lambda、 Firebase Hosting は S3 という…

Shifter Headless をさわってみる

Shifter Headless とは これまでのShifter = WPの静的書き出しは、「Shifter Static」と呼ばれ、今回新しくWP(REST API)をHeadlessCMSとして使うのを「Shifter Headless」と呼ぶようです。 前回のShifter(Static)の記事:https://jtk.hatenablog.com/ent…

【読書メモ】Amazon Web Services 基礎からのネットワーク&サーバー構築 改訂3版

AWS含むクラウドでの個人的な苦手領域がネットワークとセキュリティ関連なのですが、その点をうまく補完できそうな本を読んでみようと思いました。 Amazon Web Services 基礎からのネットワーク&サーバー構築 改訂3版作者:大澤 文孝,玉川 憲,片山 暁雄,今井 …

2020年5月 振り返り

結果 ブログ 目標:月 8 回(週2回)更新 結果:月 2 回 更新 読書 目標:月 1 冊 結果:月 1 冊 反省点など この歳になって料理作るとか掃除するとか生活をしっかりしはじめてしまって、なかなかスキルアップに気が回りません。 2月までの勢いが自分のペー…

【読書メモ】みんなのAWS 〜AWSの基本を最新アーキテクチャでまるごと理解!

ゴールデンウィークだけど外出もできないのでだらだら1冊だけ読みました。 みんなのAWS 〜AWSの基本を最新アーキテクチャでまるごと理解!作者:菊池 修治,加藤 諒,城岸 直希,甲木 洋介,濱田 孝治,藤井 元貴,渡辺 聖剛,臼田 佳祐,江口 佳記,千葉 淳発売日: 20…

2020年4月 振り返り

結果 ブログ 目標:月 8 回(週2回)更新 結果:月 2 回 更新 読書 目標:月 1 冊 結果:月 2 冊 反省点など なんででしょう。あれだけ欲しいと思っていた時間がすぐそこにたくさんできたはずですが、インプットもアウトプットもペースが落ちてしまっていま…

【読書メモ】他者と働く──「わかりあえなさ」から始める組織論

技術本ではないですが気になっていてほしいものリストにずっと入れてた本。 前回 読んだチーム・ジャーニーでハンガーフライトの解説で、対話に関して詳しく理解したい人におすすめの本として挙げられていたので、次に読んでみようと思っていました。 他者と…

【読書メモ】チーム・ジャーニー 逆境を越える、変化に強いチームをつくりあげるまで

【読書メモ】カイゼン・ジャーニー 【読書メモ】正しいものを正しくつくる 市谷聡啓さんの上記2冊に続いて、チーム・ジャーニーを読みました。 カイゼン・ジャーニーの続編ぽい感じだったので(実際には単体でも読める)2月の発売から楽しみにしており、3月…

2020年3月 振り返り

結果 ブログ 目標:月 8 回(週2回)更新 結果:月 15 回 更新 読書 目標:月 1 冊 結果:月 2 冊 反省点など ブログ前半は調子良かったが後半失速気味になってしまった。 仕事の業務でフロントエンドできているのが収穫です。 来月に向けて 新たにコレを勉…

Netlify で $ gulp build がビルドエラーになってしまう

いつもどおりNetlifyでGulp使ったプロジェクトをデプロイしようとしたらエラーが出てちょっと詰まったのでメモ。 管理画面側でDeploy Settingsからもビルドコマンドなど設定してましたがログに Error running command: Build script returned non-zero exit …

【読書メモ】ユーザビリティエンジニアリング(第2版)

前回、前々回 に続いてUXの知識をつけるべく ユーザビリティエンジニアリング(第2版) ―ユーザエクスペリエンスのための調査、設計、評価手法― を読みました。 ユーザビリティエンジニアリング(第2版)―ユーザエクスペリエンスのための調査、設計、評価手法―作…

S3へのFTPクライアント接続にIP制限を掛ける

htmlを静的ホスティングしているS3バケットへのブラウザアクセスはバケットポリシーでIP制限が可能。 だけど、FTPクライアントでのS3接続はIAMユーザーのアクセスキー&シークレットを使うので、そのユーザーの権限で設定してあげる必要があります。 ほぼ初め…

microCMS をさわってみる その9

日本製のHeadless CMS、microCMSをさわってみる。その9 GitHub: https://github.com/yuheijotaki/micro-cms-ramen Netlify: https://ramen.yuheijotaki.dev/ ラーメンコンテンツの描画 前回作ったコンテンツを描画していきます。 curlは python -mjson.tool …

microCMS をさわってみる その8

日本製のHeadless CMS、microCMSをさわってみる。その8 GitHub: https://github.com/yuheijotaki/micro-cms-ramen Netlify: https://ramen.yuheijotaki.dev/ サブドメインあてる 前回 と同じ用に設定。 サブドメインつきで https://ramen.yuheijotaki.dev/ …

microCMS をさわってみる その7

日本製のHeadless CMS、microCMSをさわってみる。その7 GitHub: https://github.com/yuheijotaki/micro-cms-ramen Netlify: https://ramen.yuheijotaki.dev/ webhook設定 microCMSを更新したら自動ビルドが走るようにするのでwebhookの設定を行う。 参考: …

microCMS をさわってみる その6

日本製のHeadless CMS、microCMSをさわってみる。その6 GitHub: https://github.com/yuheijotaki/micro-cms-ramen Netlify: https://ramen.yuheijotaki.dev/ generate設定 Gitにプッシュした際に、APIから記事一覧情報取得して詳細ページを生成する必要があ…

microCMS をさわってみる その5

日本製のHeadless CMS、microCMSをさわってみる。その5 GitHub: https://github.com/yuheijotaki/micro-cms-ramen Netlify: https://ramen.yuheijotaki.dev/ API連携(詳細ページ) 詳細ページを作成する。 Nuxtでは pages/_id.vue とすると pages/[ContentI…

microCMS をさわってみる その4

日本製のHeadless CMS、microCMSをさわってみる。その4 GitHub: https://github.com/yuheijotaki/micro-cms-ramen Netlify: https://ramen.yuheijotaki.dev/ API連携(一覧ページ) .env設定 まず.envにAPIキーなど環境設定を行います。 下記の記事通りでい…

microCMS をさわってみる その3

日本製のHeadless CMS、microCMSをさわってみる。その3 GitHub: https://github.com/yuheijotaki/micro-cms-ramen Netlify: https://ramen.yuheijotaki.dev/ モジュールのインストール sass-loader node-sass (.scss) @nuxtjs/style-resources (共通読み…

microCMS をさわってみる その2

日本製のHeadless CMS、microCMSをさわってみる。その2 GitHub: https://github.com/yuheijotaki/micro-cms-ramen Netlify: https://ramen.yuheijotaki.dev/ Nuxtのインストール GitHubでリポジトリ作ってNuxtプロジェクトを作成 $ npx create-nuxt-app [Pro…

microCMS をさわってみる その1

日本製のHeadless CMS、microCMSをさわってみる。その1 GitHub: https://github.com/yuheijotaki/micro-cms-ramen Netlify: https://ramen.yuheijotaki.dev/ やること microCMSでコンテンツ入稿、API作成 Nuxtでフロント構築 Netliftyでホスティング microCM…

API仕様書 API blueprint でつくってみる

microCMS を使っているプロジェクトがあり、はじめてAPIというものをそれらしく作っているのですがドキュメント出力みたいな機能はなさげなのでサードパーティーのツールを調べて使ってみました。 まず有名どころとしては Swagger API blueprint があるらし…

【読書メモ】イラスト図解式 この一冊で全部わかるWeb技術の基本

AWSの資格取得通して、インフラ/サーバーに関してもそうですがそもそもWebの基本があんま分かっていないなということがあったので標題の本を読みました。 イラスト図解式 この一冊で全部わかるWeb技術の基本作者:小林 恭平,坂本 陽発売日: 2017/03/16メディ…

2020年2月 振り返り

結果 ブログ 目標:月 8 回(週2回)更新 結果:月 13 回 更新 読書 目標:月 1 冊 結果:月 1 冊 反省点など AWS資格に注力していたのでフロントエンド周りの学習は疎かになった。 来月に向けて アソシエイト資格無事取れたので3月はフロントエンド周りに比…

WordPress + Nuxt.js でポートフォリオサイトを作る その13

WordPressサイト(https://works-wp.yuheijotaki.com/)の REST API と Nuxt.js でポートフォリオサイトを作成する。その13 GitHub: https://github.com/yuheijotaki/works-nuxt Netlify: https://works.yuheijotaki.dev/ 高速化/最適化 Chorme の Audits …

WordPress + Nuxt.js でポートフォリオサイトを作る その12

WordPressサイト(https://works-wp.yuheijotaki.com/)の REST API と Nuxt.js でポートフォリオサイトを作成する。その12 GitHub: https://github.com/yuheijotaki/works-nuxt Netlify: https://works.yuheijotaki.dev/ ドメイン紐付け コンテンツ登録や調…