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という言語は日々
blog.jxck.io
CSS Layout API で Masonry Layout
Pinterest でおなじみの Masonry Layout を CSS の標準にする作業と実装が進んでいる。以下のように画像を敷き詰めるタイルレイアウトのことを Masonry (石工やレンガ造りの意味らしい) Layout という。上
azukiazusa のテックブログ2
すぐに使える！JavaScriptの華麗な配列操作
JavaScriptで配列操作をする際には、まずはJavascriptが持つ配列のメソッドを眺めて見るとよいでしょう。JavaScriptはライブラリに頼らなくとも自前で高度な操作を可能にしてくれます。 組み込みの配列メソッドはたくさんあ
blog.jxck.io
Web 技術の調査方法
「新しい API などを、どうやって調べているのか」「仕様などを調べる際に、どこから手をつければ良いのか」などといった質問をもらうことがある。確かにどこかに明文化されていると言うよりは、普段からやっていて、ある程度慣れてきているだけなもので
azukiazusa のテックブログ2
Go言語 テスト
Go言語の提供するテストはシンプルです。テストのために覚えることは多くはありません。 Go言語の単体テスト用の機能は`testing`という標準パッケージとして提供されています。ベンチマークやカバレッジ、標準出力のテストなどをカバーしていま
azukiazusa のテックブログ2
Go 言語 標準パッケージでHTTPサーバー
Go言語は、標準パッケージでHTTPサーバーと基本的なHTTPクライアントを提供します。 使用するのは、net/httpというパッケージです。
azukiazusa のテックブログ2
Go言語 ポインター
Go言語には、ポインタがあります。 ポインタとは、メモリのアドレスのことです。アドレスは`0xc0000b4008`のような16進数で表されます。
azukiazusa のテックブログ2
Go言語 構造体・インターフェース
構造体(Struct)とは、フィールドの集まりです。JavaScriptのオブジェクトよく似ており、データをまとめて1つの集まりの値として表現します。 例えば、座標を表すには緯度と経度がフィールドとして必要になるでしょう。緯度と経度をそれ
azukiazusa のテックブログ2
Go言語 コレクション（配列・スライス・マップ）
配列は決まった長さを持つ要素を並べた順序のあるコレクションです。 Go言語の配列は固定長になっており、宣言時に長さと要素型を指定します。 長さは後から変更することはできません。 Go言語の配列は柔軟性に欠けるため、実際にはあまり使用されませ
azukiazusa のテックブログ2
Go言語 型・関数・メソッド
Go言語は静的型付け言語であり、全ての変数は何らかの型に属し、異なる型同士の演算といった問題点の多くはコンパイル時に検出されます。 関数の宣言にはfuncキーワードを使用します。関数の引数と戻り値には型を指定します。戻り値を複数持たせられる
azukiazusa のテックブログ2
Go言語基礎文法
Go言語(Golang）は、2009年にGoogleによって開発されたオープンソースの静的型付け、コンパイルされるプログラミング言語です。Go言語はコンパイルされるプログラミング言語です。 Go言語はシンプルで、信頼性が高く、効果的なソフト
azukiazusa のテックブログ2
CSSの設計
今この文章を読んでいる人ならば、少なくともCSSには触れたことがあると思います。CSSはとても簡単に記述できますが、それゆえにCSSは「壊れやすい」のです。なぜCSSは壊れやすくなってしまうのでしょうか。CSSには「すべてがグローバルスコー