Michi's Tech Blog

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

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ブランチを最新の状…

JavaScriptの関数を完全に理解する②

こんにちは! スマレジ テックファームのMichiです! この記事は「JavaScriptの関数を完全に理解する①」の続きです。 前回で書ききれなかったJavaScriptの関数について整理していきます。 引数のデフォルト値 可変長引数 名前付き引数 複数の戻り値を返した…

JavaScriptの関数を完全に理解する①

こんにちは! スマレジ テックファームのMichiです! 今回は「JavaScriptの関数を完全に理解する」というテーマで、JSの関数について整理したいと思います。 function命令で定義する 基本形 無名関数(匿名関数) 関数リテラル表現で定義する アロー関数で定…

JavaScriptの日付型の罠

この記事は「つながる勉強会 Advent Calendar 2022」の12日目の記事です。 こんにちは! スマレジ テックファームのMichiです! 今回はJavaScriptの日付型でハマった罠についてご紹介します。 やりたいこと とある勤怠管理システムで、検索の対象範囲として…

勉強会でLTしてきました!

こんにちは! スマレジ テックファームのMichiです! 先日、大阪のITエンジニア勉強会に参加してきました! 今回はその内容をレポしたいと思います。 勉強会の概要 LTしてきました! まとめ 勉強会の概要 今回参加してきたのは、毎月大阪で開催されている「…

【JavaScript】条件によって変数の値を振り分ける

こんにちは! スマレジ テックファームのMichiです! 今回はJavaScriptの基本的な内容ですが、意外と知らなかったので記事にします。 やりたいこと 原因 解決策 その① varを使う その② ifの外で最初に変数を宣言する その③ 三項演算子を利用する まとめ やり…

FlaskでUPSERT機能を実装する

こんにちは! スマレジ テックファームのMichiです! 今回はFlaskでUPSERT機能を実装する方法を解説します。 UPSERTとは、保存対象のデータに対して、すでにDBに同じキーを持つデータが存在している場合はUPDATE、存在しない場合はINSERTする処理のことです…

Flaskを無理やりMVCっぽく運用してみた

こんにちは! スマレジ テックファームのMichiです! みなさんはFlaskというフレームワークをご存知でしょうか? FlaskはPython製のマイクロWebフレームワークで、MVTモデル(Model, View, Template)というアーキテクチャを採用しています。 ですが、「やっ…

【初投稿】ブログはじめます

はじめまして! 株式会社スマレジ テックファーム事業部のMichiと申します。 2022年5月より異業種からWebエンジニアに転身した、いわゆる駆け出しエンジニアです! この度、ブログをはじめることになりましたので、今日は記念すべき初投稿として自己紹介など…