こんにちは、なかにしです。今回は、Next.jsのアプリにGoogleフォントを適用してみます！参考のドキュメントはこちらです。事前準備Next.jsのひな型を作成します。npx create-next-app [プロジェクト名]
こんにちは、なかにしです。今回は、ちょっとインフラ寄りになります。最近はインフラまわりも触ることが多く、自分の知識不足を痛感してます😂趣味の範疇ですが、「自宅にWebサーバとアプリケーションサーバを立てて一般公開する」というエンジニアとして
こんにちは、なかにしです。今回はWebアプリをPWA化していこうと思います！PWAとはProgressive Web Appsの略です。ざっくり言うと、Webアプリをネイティブ（スマホ）アプリみたいに動かせちゃうぜ！な技術です。ネイティブア
「ブログリーダー」を活用して、なかにしさんをフォローしませんか？
こんにちは、なかにしです。今回は、Next.jsのアプリにGoogleフォントを適用してみます！参考のドキュメントはこちらです。事前準備Next.jsのひな型を作成します。npx create-next-app [プロジェクト名]
こんにちは、なかにしです。今回は、「業務で使用するが、個人開発で使用しないランキング」上位の「hosts設定」について書いていこうと思います！hostsとはざっくり言うと、DNSのような機能をPCに持たせることができるファイルです。DNSと
こんにちは、なかにしです。ふらっとNextについての記事を漁っていたら、面白い記事を見つけました。【完全版】Next.jsのSSG、SSR、ISR、CSRを図とコードでスッキリ理解する今まではなんとなーく使用していましたが、きちんと理解する
こんにちは、なかにしです。前回はNodeでメールを送りましたが、ついでにフロント側のみでメールを送っちゃおうという記事です。ライブラリとしてはreact-email や React Email あたりが有名どころっぽいですが、最近耳にした
こんにちは、なかにしです。今回は、Next.jsでメールを送ろうと思います。SMTPサーバはもちろん持っていないので、外部SMTPサーバを使用します。今回は、外部SMTPサーバ提供サービスの中でも利用者が多い、Gmailを使用してメール送信
こんにちは、なかにしです。今回はNode.jsのORM、Prismaをいじってみようと思います！とりあえずCRUDだけ押さえてみます。Prismaとはオープンソースの ORMです。公式は こちら謳い文句は 次世代のNode.jsおよびTyp
こんにちは、なかにしです。最近、「Google Calendarに登録」というボタンを含んだアプリをよく見かけます。便利だなーと思ったので、作成してみようと思います！今回は、CRUDを実装していきます。1. Google Calendarか
こんにちは、なかにしです。最近は CI/CD を使用したサイクルが当たり前になってきていますね。うちのプロジェクトでも使用しているのですが、便利です。自動でガーっと進んでいく感じが爽快ですね。使い始めた最初は、実行途中でコケちゃうことが多か
こんにちは、なかにしです。ChatGPT、使ってますか？私は業務使用が認められているチームに所属しているので、毎日使用しています。業務外でも、ちょっとした質問などは全部ChatGPTに聞いちゃっています。感情がない のが良いところですよね。
こんにちは、なかにしです。フロントエンジニアをしていたら、フォーム系の作成はほぼ必須ですよね。最近はReact-hook-formをよく使用するので、基礎的な部分をまとめます。react-hook-formとはReactのライブラリです。簡
こんにちは、なかにしです。今回は、ちょっとインフラ寄りになります。最近はインフラまわりも触ることが多く、自分の知識不足を痛感してます😂趣味の範疇ですが、「自宅にWebサーバとアプリケーションサーバを立てて一般公開する」というエンジニアとして
こんにちは、なかにしです。今回はWebアプリをPWA化していこうと思います！PWAとはProgressive Web Appsの略です。ざっくり言うと、Webアプリをネイティブ（スマホ）アプリみたいに動かせちゃうぜ！な技術です。ネイティブア
こんにちは、なかにしです。今回は、GithubにpushをしたときにSlackへ通知を送ってみようと思います！いってみよう！処理の流れSlackのWebhookを使用します。Webhookはざっくり言うと、「このエンドポイントに、こんな感じ
こんにちは、なかにしです。chatGPTを気軽に試せるアプリを作成しました。ソースコードはこちらです。お金がかかるので一般公開はできませんが、身内には公開してchatGPTの販促をしようと思います🙌今回は、どのあたりに苦労したかを主に書こう
こんにちは、なかにしです。一時期、「声」で操作できるゲームが話題になりましたね。ブラウザ上にも音声を認識する仕組みがあるので、それを使用して音声操作ができるようなミニアプリを作ってみようと思います。音声入力の仕組み今回は、ブラウザに入ってい
こんにちは、なかにしです。今回は、DiscordでBotを作っていこうと思います！最近、勉強会グループをLineからDiscordに移しまして、折角なので何か面白いものを作れればなーというのがきっかけです。Discordは昔からゲームのボイ
こんにちは、なかにしです。今回は雑談チックな内容です。定期開催している勉強会で、自分の今やっている業務に絡めたプレゼンをする機会があったのですが、インパクトを出したくて、どうしよっかなーと思ったときの話です。資料を自動で開いたらスゴくね？？
こんにちは、なかにしです。今回は、情報セキュリティマネジメント試験（SG）を受験したので、情報を共有します！情報セキュリティマネジメント試験（SG）とは情報技術関連の国家試験で、経済産業省が管轄しています。ITの国家資格はレベルが1～4の4
こんにちは、なかにしです。今回はエンジニアの登竜門、基本情報技術者（FE）を受験してきたので共有します！基本情報技術者試験とは情報技術関連の国家試験で、経済産業省が管轄しています。ITの国家資格はレベルが1～4の4段階で定義されており、基本
こんにちは、なかにしです。今回は、ログイン管理をCookieを使用して頑張ろうぜのコーナーです。やりたかったことざっくり言うと、Cookieを使用したログイン管理です。ログイン時にSession-IDをブラウザのCookieに保存させ、ブラ
こんにちは、なかにしです。RESTfulAPIって、どこもかしこも言われてますよね。結構ふわっとしていて、ズバリこれです！といった説明が難しい概念だと思います。私も正直ちゃんと理解しているとは言い難いです。今回はそんなRESTfulなAPI
こんにちは、なかにしです。Reactで開発する際、デバッガはあまり使用してこず、基本的にconsole.logでごり押ししてきました。(すみません…)現在はバックエンドのお仕事をしているのですが、ちゃんとデバッガを使って開発をしています。こ
こんにちは、なかにしです。前々から興味があった、vscodeのプラグイン開発をやってみようと思います！vscodeで開発～一般公開までやります。手順①「generator-code」をインストールし、ひな形を作る②JS or TSで挙動をコ
こんにちは、なかにしです。前回のLpicで資格熱が再燃し、ちょうど実務でJava触ってたので取っておこうという話です。いつも通り、勉強法とかざっくりまとめます🙌▽証明書Java SilverとはJava言語の基礎が問われる資格です。現在は2
こんにちは、なかにしです。今回はGithubです。ローカルで新規作成したブランチをリモートに公開することはありますが、リモートで新規作成したブランチをローカルに反映させるのはあまりやってなかったので備忘録です。準備Github上で適当にリポ
こんにちは、なかにしです。今回はJavaのポリモーフィズムについてまとめます。便利な考え方なので、ぜひご覧ください🙌ポリモーフィズムとは言語化が難しすぎるので、実際のコードをベースに説明します。文章の説明としてはこちらが分かりやすいと思いま
こんにちは、なかにしです。前回のおまけとして、前回作成したjarファイルをAWS上で動かしてみようと思います。前提OS：Windows使用ツール：Tera Term手元にSpring bootとReactで作成し、jar化されたアプリケーシ
こんにちは、なかにしです。現在は業務でJavaとDockerを触ってるので、前案件のReactを併せて簡易アプリ作ってみようのコーナーです。リポジトリフロントとバックでリポジトリを分けたので、それぞれ乗せときます。最近はREADMEをちゃん
こんにちは、なかにしです。久々の資格です。半年ぶり？ですね多分。最近はLinuxをいじることが多かったので、ついでに取っちゃお～って感じです。いつも通り、勉強法とかざっくりまとめます🙌▽証明書です。色合いが良い感じですね。黄色がいいアクセン
複数会社合同で駆け出しエンジニアによる勉強会を行いました。各々がカリキュラムを進めたり、趣味で作っているプログラムを書いたりしています。不明点があれば理解度が高いメンバーに聞くこともできます。同じ駆け出しだからこそ、悩んでいる点や解決方法など、親身になって相談することができる環境です！
こんにちは、なかにしです。よく分かっていなかったので敬遠していたdocker。実務で何回かdocker触っていく内に、あれ？dockerってもしかして楽？って思ったのでまとめます。いつ使う？何かを作りたい。でも環境構築めんどくさい。「誰かが
こんにちは、なかにしです。今回はほぼ備忘録です。すみません。実務(副業)でCLI上でGitコマンド打ちまくってるのでアウトプットしたくて書きます。【初期設定】リモートブランチからローカルブランチに内容をクローン。その際にリモートリポジトリは
こんにちは、なかにしです。今回はJESTでTESTをしていきます！言いたかっただけです！！すみません！！JestとはJavaScriptの「ユニットテスト(単体テスト)ツール」です。Facebookがオープンソースで作成しているので、安心
こんにちは、なかにしです。Expressをのまとめとしてミニアプリ作ったので晒します。概要ちゃんとCRUD作ろうかなーと思ったのですが、Next.jsやりたすぎてミニアプリに留めました。基本的なMVC＋ミドルウェアでログイン機能をつけました
こんにちは、なかにしです。引き続きExpressやてくよ～IDによって遷移先を変更するID:0→ようこそ田中さん！ID:1→ようこそ中西さん！的なことをやっていきます。const express = require("expres
こんにちは、なかにしです。前回に続き、Expressで遊んでいきます。テンプレートエンジンを選ぶテンプレートエンジンを選びます。今はPug(元Jade)、EJSの2強っぽい。Pug- const text = "テキスト&quot
こんにちは、なかにしです。Expressの勉強にあたり「MongoDB」というNoSQL型のDBを使っていくので、その辺をまとめようと思います。いってみよう！それぞれの代表例RDBOracle, MySQL, Access, Postgre
こんにちは、なかにしです。さぁついに来ました！今回はExpressを使います！これが使いたくて最近Nodeの勉強してたんですよね～早速やっていきます！ExpressとはNode.jsのフレームワークです。特急ですよ、特急。かっこいいっすね～
こんにちは、なかにしです。今回はフォームについてやっていきます。前回はGetのみだったので、Postもガンガン使ってくよ～POSTの受け取り方簡単です。「request.method」にリクエスト情報が入るので、それがGETかPOSTかで処
こんにちは、なかにしです。シングルページの表示はできるようになったので、今度はルーティングを組んでいきまっせ～ざっくり仕組みを解説今回は同じテンプレートを使用し、ルーティングによって表示されるものが変わる、というのをやります。<!DO
