設計 カテゴリページ

フロントエンド開発における状態管理、データフローについて忘備録的にまとめることとする 状態とはアプリケーションが保持するデータのことで データフローとは状態を含むアプリケーションが持つデータの流れのことで 具体的にはどこにデータを保存して、データの読み書きを行う際にどこからどのように行うのかという点を指す

Vue.jsやNuxt.jsで開発をすることになったが 改めて「なんでVue.jsにしたの?」「仮想DOMって?」「SSRって何がいいの?」 など聞かれた時にサラサラと答えられなかったので自分なりにまとめる Vue.jsのトレンドをチェック/Vue.jsのメリット/仮想DOMについて/Nuxt.jsのメリット

クリーンアーキテクチャについて調べたことの自分用の備忘録 正直クリーンアーキテクチャ(The Clean Architecture翻訳)を何度読んでもわからなかったので、自分はこうしていこう的なことをずらずらと書いておく コンセプトは関心の分離、ソフトウェアをレイヤーに分けて以下の設計を生み出すこと

ユーザーから入力された値が問題ないかチェックするバリデーション処理を行うためのPHPライブラリであるRespect/Validationについて触ってみる バリデーション条件も多数あってそれを直感的に使用することができるため導入コストが少ないものとなっている

YAMLについて入門の入門として簡潔にまとめます YAML Ain't a Markup Language(YAMLはマークアップ言語ではないの意味) 構造化されたデータを表現するためのデータ記法 似たようなものにはJSONやXMLなどがある

Web API The Good Partsの読書メモになります ようやく読み終わったので気になったところをメモ程度にまとめます

Web API The Good Parts読書メモ 1章~2章の続きになります 気になったところをメモ程度にまとめます

自社で取り扱っているAPIを運用したり、Twitterなど提供をされているAPIを使うなど目にする機会は多く 今後設計したりレビューをする可能性は0ではないため今のうちに勉強をしよう思ったのが経緯です 自分的に気になったところをメモ程度にまとめます

最近の投稿

Netlify Formsを使ってブログサイトにコメント機能を追加する方法を調べたので紹介 Netlify FormsはNetlifyに標準機能として用意されているフォーム機能 サーバレスなので別途コメント用にサーバを用意する必要がなくHTMLを埋め込むだけで準備できる

TypeScriptの入門の入門チートシート 型の種類や使い方についてまとめていくだけでなく、 TypeScriptについてや必要性などについてもまとめることでこのページでTypeScriptをざっくり理解できる程度の内容を目指す

NetlifyのFormsやSplit Testing、Functionsについて使い方をまとめる FormsはNetlifyに標準機能として用意されているフォーム機能でコメント保存用にサーバを用意する必要がない Split TestingはGitHubのブランチをベースにしたA/Bテストを行うための機能のことで、FunctionsはNetlifyでAWS Lambdaを使うことができる

NetlifyとはHTMLなどの静的コンテンツのみで構成されたWebサイトを閲覧できる形で配信するWebサービス GitHubやBitbucket、GitLabなどと連携して使うことができて、リポジトリにプッシュすることで自動でCI/CDを行うことができる、無料枠が豊富で独自ドメインを設定可能

WordPressからJekyll(GitHub Pages)に移行した手順をまとめる。 お金的な事情や使いやすさなどの理由で無料のJekyll+GitHub Pagesに移行した。JekyllとはMarkdown等から静的ページを生成する静的サイトジェネレータ

カテゴリ一覧

タグ一覧