Webフロント技術

vitestを使用してテストコードを追加

2025年12月25日2025年12月24日 by tsuna

vueを使用してフロントエンドを実装しているのですが、テストコードを組み込んでいなかったのでリグレッションテストは全て手動で実施していました。規模も徐々に大きくなり、改修も頻繁に発生しそうなのでテストコードを組み込んで … 続きを読む

2025年2月19日2025年2月13日 by tsuna

関連リンク上記で作成したLIFFアプリを用いて、LINEミニアプリを作りたいと思います。コンソールからミニアプリ登録公式ドキュメントはこちら項目に入力して作成ボタンを押下ミニアプリのコンソール画面ができました。 … 続きを読む

2025年2月16日2025年2月12日 by tsuna

以下のページの続きになります。ボタン押下で画面遷移する方法前回は、vue-routerを用いてcomponentを切り替えることで画面遷移を実現する方法を記載しましたが、リンクをクリックする形での遷移でしたので、今回 … 続きを読む

2025年2月7日2025年2月6日 by tsuna

こちらの続き前回までで基本的な環境構築はできているので、この記事はVueの内容がメインになるかと思います。「Options API」と「Composition API」ちょっと本筋からズレちゃいますが、実装を試して … 続きを読む

2025年2月6日2025年1月29日 by tsuna

この記事は、こちらの記事で作成したCloud RunにLIFFの設定をしてLINE上で表示します。 LIFFアプリをチャンネルに追加公式ドキュメントはこちら LINE Developersコンソールにアクセス LINE … 続きを読む

2025年7月3日2021年8月26日 by tsuna

モダンJavaScriptでの文字列結合と関数定義について従来のjsの記載方法と比較しながら見ていきたいと思います。従来の記載方法が使えないわけではないので、慣れてる方はそちらでも構わないと思います。テンプレート文字列 … 続きを読む

2025年7月3日2021年8月20日 by tsuna

ここではモダンJavaScriptの変数宣言について書きます。JavaScriptでは従来（2015年以前？）は、「var ＜変数名＞」という形で変数宣言を行っていましたが、最近のJavaScriptでは、「const … 続きを読む

2025年7月3日2021年7月30日 by tsuna

git status 以下の状態を確認するためのコマンドです。gitでは、以下の様な「状態」があり、それを確認するコマンドです。 ①なんかしら修正されただけの状態 ②commit準備完了　　「git add」コマンドに … 続きを読む

2025年7月3日2021年7月27日 by tsuna

Stateとは ReactにおけるStateとは、Component內部で使用される変数のことです。 ※React入門はこちらからどうぞ ※こちらはUdemyでの学習メモです。 setState()を使用して値をセットす … 続きを読む

2025年7月3日2021年7月21日 by tsuna

Reactを学習していく上で出てきたエラー、ワーニングなどへの対応方法を記載していきます。 ※React入門はこちらからどうぞ ※こちらはUdemyでの学習メモです。 map()メソッドを使用中にLoop内でユニークなキ … 続きを読む