Michi's Tech Blog

一人前のWebエンジニアを目指して

2023-01-01から1年間の記事一覧

SQL総復習① SELECT文

こんにちは! スマレジ テックファームのMichiです! 最近、フレームワークのORマッパーばかり使っているせいで、SQLの書き方を忘れてしまったので、 今週からしばらくは「SQL総復習」と称して、基礎的な内容から振り返っていきたいと思います。 1回目の当…

ChatGPTにお願いして技術記事を書いてもらった

こんにちは! スマレジ テックファームのMichiです! 最近、何かと話題になっていますよね、ChatGPT。 うちの職場でもChatGPTを使って遊んだり、実装で分からないところを質問したりと、 いろいろ活用しているのですが、そこでうちのマネージャーが 「これ、…

JavaScriptの非同期処理についてまとめてみた②

こんにちは! スマレジ テックファームのMichiです! この記事は、『JavaScriptの非同期処理についてまとめてみた①』の続きになります。 前回のおさらい Promise 完成形 解説 でも、まだちょっと分かりにくくない…? async/await 完成形 解説 まとめ 前回の…

JavaScriptの非同期処理についてまとめてみた①

こんにちは! スマレジ テックファームのMichiです! よくエンジニアの会話の中で、 「JavaScriptは非同期処理やからな~」 というような会話が聞こえてきます。それに対して、 ワイ「いや~、そうっすよね~(適当)」 っていう返事を数カ月前まではしてい…

バニラJSでAjaxを実装してみよう!

こんにちは! スマレジ テックファームのMichiです! 今回はタイトルの通り、バニラJS(生のJavaScript)でAjaxを実装してみます。 はじめに 作るもの 郵便番号検索API バニラJSで実装してみよう! 完成形 解説 ①[検索]ボタンクリック時の処理 ②非同期通信の…

【JavaScript】Proxyってなんすか?

こんにちは! スマレジ テックファームのMichiです! 突然ですが、Vue.jsのコードでreactiveなオブジェクトをconsole.logしたらこんな値が返ってきます。 「このProxyってやつ、なんすか?」とずっと思っていたので、調べてみることにしました! Proxyとは?…

【JavaScript】インポート/エクスポートルールの整理

こんにちは! スマレジ テックファームのMichiです! JavaScriptのインポートとエクスポートのルールってたくさんあってややこしいですよね...。 というわけで、今回の記事で整理していきたいと思います。 基本形 個別にエクスポートする まとめてエクスポー…

JavaScriptのオブジェクト指向を完全に理解する

こんにちは! スマレジ テックファームのMichiです! 今回の記事は「JavaScriptを完全に理解する」シリーズのオブジェクト指向編です。 JavaScriptのオブジェクトとは? クラスを定義する ゲッターとセッター 静的プロパティ/メソッドを定義する 既存のクラ…

今さら「Gitflow」の復習

Git

こんにちは! スマレジ テックファームのMichiです! 今回はGitflowの復習がてら、記事を書きます。 今更Gitflowを学ぶ理由 Gitflowとは? Gitflowで使用するブランチ main(master) develop feature release hotfix 実際の流れ 1. developブランチを最新の状…