kawarimidoll.com
kawarimidoll.com開発ロードマップ
本記事は当サイトの更新・改善に関するロードマップというかタスクリストです。 改修に応じ、随時項目を追加・更新していきます。 ...
すべて
stin's Blog
React Context を export するのはアンチパターンではないかと考える
Context を export するな みなさんは React Context を使っていますか？非常に便利ですよね。 え、使ってない？みんな React Context 使っとる。使ってへんのお前だけ。 冗談はさておき、この記事では C
kawarimidoll.com
最初の投稿
こんにちは。kawarimidollといいます。 このたびブログを作成したので、最初に自己紹介を書きます。 ...
azukiazusa のテックブログ2
TailwindCSSでダークモード
昨今のアプリケーションでは、ダークモードを提供しているのがもはや当たり前になってきました。 OSのレベルでダークモードを設定することができ、ダークモードが提供されていないサイトは眩しく感じしてしまって敬遠してしまうなんて経験はあるのではない
azukiazusa のテックブログ2
はじめてのGraphQL
GraphQLとは、Facebookが開発したAPI向けのクエリ言語です。RESTに変わるサーバーとクライアントの通信手段として注目を集めています。 リクエスト・レスポンスの型の定義ができる、フロント側から取得するデータを選択することができ
azukiazusa のテックブログ2
Sapper + contentful + VercelのJamstackで高速なブログを構築する
JamstackのJamはJavaScript/APIs/Markupの頭文字です。 従来の手法と比較して、高速化・堅牢なセキュリティ。より簡単なスケーラブル・開発体験の向上という特徴を持っています。実行時にAPIから取得したデータを動的に
blog.jxck.io
Cache-Control: must-understand ディレクティブとは何か
IETF が策定する HTTP の仕様が更新されようとしている。ここには、Cache の仕様も含まれており、そのなかで must-understand という Cache-Control のディレクティブが追加されている。このディレクティブ
azukiazusa のテックブログ2
【Svelte + TypeScript + tailwindcss】本検索サイト チュートリアル
この記事でははSvelte + TypeScript + tailwindcssで本検索サイトを作成します。 Svelteを使ってアプリケーションを作成1から作成することができます。 以下のことが学べます。 - Svelteの基礎文法 -
stin's Blog
Fragment をコンポーネントのトップに置くのはアンチパターンではないかと考える
Fragment をコンポーネントのトップに置くな 「Fragment をコンポーネントにトップに置く」というのは下のようなコンポーネントを作成することを指します。 これは、この MyComponent が生成する HTML 要素が h1
azukiazusa のテックブログ2
Vue3 コンポーネントのテスト
コンポーネントのテストをするのフレームワークとしてJest、vue-test-utils 2を利用します。Vue2系をターゲットにしているvue-test-utils 1とは一部APIが異なります。
blog.jxck.io
Structured Field Values による Header Field の構造化
HTTP Header の値を構造化する Structured Field Values の仕様が RFC になった。RFC 8941: Structured Field Values for HTTPこの仕様の詳細について、筆者の実装を交
azukiazusa のテックブログ2
TailWindCSSとは
TailWindCSSはBootStrap・Materialize CSSなどに代表するCSSフレームワークの一つです。 その特徴として、**Utility First**を掲げています。
azukiazusa のテックブログ2
JavaScriptライブラリ Svelteとは
Svelteとは、ReactやVue.jsのような宣言的UIライブラリの一種です。その最大の特徴は、ReactやVue.js・Angularと異なりSvelteはコンパイラであることを謳っているところです。Svelteによってコンパイルされ
stin's Blog
個人ブログを作ったので初記事を書く
個人ブログを開発しました 「開発」という単語がふさわしいのか不明です。 開発 作成 制作 開発というと大げさな気がします。作成というと軽い気がする。 制作は工作とか美術っぽい。 CMS 使わずにフルスクラッチなので開発でいいでしょう。 st
azukiazusa のテックブログ2
Firebase Functions https.onCall()トリガーでアプリから簡単に呼び出す
Firebase Functionsとは、Firebaseの提供するサーバレスフレームワークです。HTTPSリクエストによって関数を実行したり、FireStore・Cloud Storage・AuthenticationのCRUDイベントを
blog.jxck.io
2020 年をふりかえる
例年通り 2020 年を振り返る。
blog.jxck.io
AMP SXG 対応
本サイトを AMP SXG に対応した。その作業ログを記す。
azukiazusa のテックブログ2
JavaScript テストフレームワークのJestのモックがすごくすごい
Jestは、JavaScriptのシンプルなテスティングフレームワークです。ゼロコンフィグを謳っており、細かい設定なしに動作させることが可能です。 Jestの中でも特に強力な機能がモッキングです。Jestのモックを利用すれば、外部ライブラ
azukiazusa のテックブログ2
Vue.js Composition APIでTODOアプリ作成
Vue3 Composition APIを使って、ハンズオン形式でTODOアプリを作成していきます。
azukiazusa のテックブログ2
イマドキのJavaScriptの書き方
JavaScriptはES2015以降から言語自体が大きく変化しました。 ES2015以降も、毎年JavaScriptはアップデートが行われており、最新の使用はES2020となっています。 このように、JavaScriptという言語は日々