azukiazusa のテックブログ2

Web フロントエンド要素多めの技術ブログです。週に1度更新されます。

Vue.js Composition APIでTODOアプリ作成

Vue3 Composition APIを使って、ハンズオン形式でTODOアプリを作成していきます。

イマドキのJavaScriptの書き方

JavaScriptはES2015以降から言語自体が大きく変化しました。 ES2015以降も、毎年JavaScriptはアップデートが行われており、最新の使用はES2020となっています。このように、JavaScriptという言語は日々

すぐに使える！JavaScriptの華麗な配列操作

JavaScriptで配列操作をする際には、まずはJavascriptが持つ配列のメソッドを眺めて見るとよいでしょう。JavaScriptはライブラリに頼らなくとも自前で高度な操作を可能にしてくれます。組み込みの配列メソッドはたくさんあ

Go言語テスト

Go言語の提供するテストはシンプルです。テストのために覚えることは多くはありません。 Go言語の単体テスト用の機能は`testing`という標準パッケージとして提供されています。ベンチマークやカバレッジ、標準出力のテストなどをカバーしていま

Go 言語　標準パッケージでHTTPサーバー

Go言語は、標準パッケージでHTTPサーバーと基本的なHTTPクライアントを提供します。使用するのは、net/httpというパッケージです。

Go言語ポインター

Go言語には、ポインタがあります。ポインタとは、メモリのアドレスのことです。アドレスは`0xc0000b4008`のような16進数で表されます。

Go言語構造体・インターフェース

構造体(Struct)とは、フィールドの集まりです。JavaScriptのオブジェクトよく似ており、データをまとめて1つの集まりの値として表現します。例えば、座標を表すには緯度と経度がフィールドとして必要になるでしょう。緯度と経度をそれ

Go言語　コレクション（配列・スライス・マップ）

配列は決まった長さを持つ要素を並べた順序のあるコレクションです。 Go言語の配列は固定長になっており、宣言時に長さと要素型を指定します。長さは後から変更することはできません。 Go言語の配列は柔軟性に欠けるため、実際にはあまり使用されませ

Go言語　型・関数・メソッド

Go言語は静的型付け言語であり、全ての変数は何らかの型に属し、異なる型同士の演算といった問題点の多くはコンパイル時に検出されます。関数の宣言にはfuncキーワードを使用します。関数の引数と戻り値には型を指定します。戻り値を複数持たせられる

Go言語基礎文法

Go言語(Golang）は、2009年にGoogleによって開発されたオープンソースの静的型付け、コンパイルされるプログラミング言語です。Go言語はコンパイルされるプログラミング言語です。 Go言語はシンプルで、信頼性が高く、効果的なソフト

CSSの設計

今この文章を読んでいる人ならば、少なくともCSSには触れたことがあると思います。CSSはとても簡単に記述できますが、それゆえにCSSは「壊れやすい」のです。なぜCSSは壊れやすくなってしまうのでしょうか。CSSには「すべてがグローバルスコー

Express + TypeScript + MondoDBでやる

Expressは、Node.jsのWebアプリケーションでもっとも利用されているフレームワークです。Expressは、HTTPによるWeb上の相互作用とNOde.jsプラットフォームの中間に位置するので、ある種のミドルウェアと言えます。 E

Node.js - サーバーサイドのJavaScript

Node.jsは、V8 Javascriptエンジン上に構築されたJavaScriptの実行環境です。サーバーサイドのJavaScript環境であり、非同期、イベント駆動といった特徴があります。

Firebase④ Cloud FireStore - クエリ

Firebase4回目の記事です。前回は、Firebaseにおける単一のドキュメントに対するCRUD操作までを取り扱いました。今回は複数のコレクションから取得するためのクエリについて説明していきます。

Denoとはなにか - 実際に使ってみる

Denoは、Node.jsの製作者であるRyan Dahlによって作られた、新しいJS/TSランタイムです。簡単に説明すると、Node.jsのイケてなかったところを改良したものがDenoになります。

Firebase③ Cloud Storage

Firebase3週目の記事です。今回は、主に画像などのデータを保存するストレージ機能を提供するCloud Storageを取り扱います。 Vue.jsを利用したブログにサムネイル画像を設定する機能をもとに説明していきます。

JavaScript ECMAScriptとかBabelとか

Firebase④ Cloud FireStore

Cloud FireStore(以下FireStore)とは、FireBaseの提供するドキュメント指向型のNoSQLデータベースです。 NoSQLとしての特徴としてのスキーマレス、スケーラブルといった特徴のほかにリアルタイムアップデート

Firebase② Firebase Authentication

Firebase第二弾です。 Firebase Authenticationのメールアドレスによるログインと、FireStorageについて説明していきます。

firebaseとは

Firebaseは、Googleが提供するバックエンドサービスです。 Firebaseは、バックエンドのサービスを担ってくれるので、開発者はアプリケーションの開発に専念することができ、バックエンドで動くサービスを作成、管理する必要はありませ