⬅️前回の記事はこちらhttps://zenn.dev/agent_grow/articles/b9fae76d86be49 ダークモード/ライトモード & 日本語/英語 切り替え機能を実装 ⭐️ダークモード/ライトモード 切り替え機能を実装index.vueのscript setupに追記index.vueimport { useTheme } from 'vuetify'const theme = useTheme()const toggleTheme = () => { theme.global.name.value = theme....

結合の構文開発業務でSQLを扱う際に、結合を全く使わないプロジェクトはあるのでしょうか？少なくとも、私は必ず使う現場にしか入ったことがありません。そういうわけで、今回は結合の構文について『機能的に変わらないが、どうなのか？』が気になる部分にフォーカスした内容を紹介します。 『変わらない』とは？ 外部結合たとえば、次の構文は同じ動作ですが、違いについて気にしたことはありますか？-- その１SELECT [抽出項目] FROM [テーブル１] LEFT OUTER JOIN [テーブル２] USING([結合キー]);-- その２SELECT [抽出項目] FR...

⬅️前回の記事はこちらhttps://zenn.dev/agent_grow/articles/c5a622f1a98522 画面開発 & 動作確認 ⭐️画面開発frontend/にVuetifyやアイコンフォントを導入% npm install vuetify@^3.0 sass sass-loader @mdi/font -Dindex.vueを本格的な画面に修正index.vue <template> <!-- メインの表示領域 --> <v-container class="py-10 todo-c...

前回前回はUMLの資格試験『UMLモデリング技能認定試験』について、サンプル問題の解説を１つ紹介しました。【UML/UMTP】試験でも実務でも役に立つ、データモデリングの考え方 今回 イメージトレーニング今回は、その解説したサンプル問題をSQLで実装してみます。概要を見ただけで、設計から実装までをイメージするトレーニングです。 出来るようになると筆者の経験に基づいての話ですが、要件定義書を読んですぐにER図やDDL／DMLが頭に浮かぶようになると、開発の現場ではかなり頼りにされます。 補足当然ながら、要件の変更や設計以降の段階での調整があると思われるので、...

1.はじめに最近、AWSソリューションアーキテクトの資格を取ろうと思い、実機を触りながら勉強を実施しています。その中で、何の分野においても必ず存在する「似ているけど違うもの」を見つけて困惑したので備忘の意味も込めて、記事にまとめました。 2.セキュリティグループとネットワークACLAWSのVPC（Virtual Private Cloud）では、ネットワークのセキュリティ対策として以下の2つの仕組みが用意されています。・セキュリティグループ・ネットワークACL（アクセスコントロールリスト）この2つは似ていますが、役割や使い方、適用範囲に明確な違いがあることが分...

はじめに前回の記事「Microsoft Azureの勉強記録 〜Azure全体像編〜」では、Azureというクラウドサービスの概要についてまとめました。今回は、実際に「Azure App Service」に触れる前段として、書籍『改訂2版 全体像と用語がよくわかる！ Microsoft Azure入門ガイド』（山田裕進著）を参考にしながら、Azureを使う上で押さえておきたい前提知識を整理していきます。私自身、AWSの利用経験はあるのですが、Azureは今回が初になります。AWSとの違いにも触れつつ、クラウド初心者の方や、Azureを初めて触る方にも参考になればと思います。...

⬅️前回の記事はこちらhttps://zenn.dev/agent_grow/articles/8011af2c6d0ec6 ⭐️Apollo Clientの起動frontend/にplugins/apollo-client.tsを作成apollo-client.tsimport { defineNuxtPlugin } from '#app'import { ApolloClient, InMemoryCache, HttpLink } from '@apollo/client/core'export default defineNuxtPlugin((nuxt...

『モノ』と『コト』今回のテーマです。言葉だけを聞いても「何のことですか？」と思う方もおられるでしょう。私も、UMTP試験の勉強をするまでは知りませんでした。長いこと開発エンジニアとして設計しているのに、です。しかし、実はこれを知っているだけで開発時の設計（特にデータモデリング）の生産性が上がることを実感しました。では、紹介していきます。 UMLとUMTP UMLまず、UMLはご存じでしょうか？簡単に説明すると、データ構造や処理の流れなどを図示するための言語です。主にオブジェクト指向のソフトウェア開発に使われるイメージですが、いくつかの種類があるので業務改善な...

⬅️前回の記事はこちらhttps://zenn.dev/agent_grow/articles/477f98f021fd2d Apollo Server & Apollo Client の起動 ⭐️Apollo Serverの起動backend/にsrc/index.tsを作成index.tsimport express from 'express'; // Expressを読み込みimport http from 'http'; ...

基本情報技術者試験前回に引き続き、今回も公開問題を使って遊んでみます！基本情報を受験される方や、プログラミングを勉強している方はぜひ参考にどうぞ^^ 今回のサンプルについて ちょうど良い短さ令和５年度の公開問題のプログラミングでは、最も短いです。おそらく、年度ごとに必ず１問はこういう問題が含まれているのだと思われます。※出典：基本情報技術者試験（FE）公開問題（令和5年度 科目B） 難易度個人的な感覚ではありますが、簡単な方だと思っています。理由は消去法である程度絞れる点と、そこから少しコードを辿るとすぐに正解を特定できるからです。 解いてみよう設問...

⬅️前回の記事はこちらhttps://zenn.dev/agent_grow/articles/5eda58d7cb3721 ⭐️バックエンドのセットアップbackend/に移動% cd ../backendNode.jsプロジェクトを初期化% npm init -y本番用の依存関係をインストールexpress@4：Node.js用のWebフレームワークdotenv：.envに設定したポートやキー等を読み込むcors：APIをフロントエンドから安全に呼び出す@apollo/server & graphql & graphql-tag：Grap...

基本情報技術者試験今回は表題の公開問題を使って、ちょっと遊んでみたいと思います。基本情報を受験しようと思っている方で、まだプログラミングに慣れていないという方には良い勉強・練習になると思いますので、参考にしてみてください^^ 今回のサンプルについて ちょうど良い短さ公開されているプログラミングの出題としては最も短いと思われます。いろいろ試すには、ちょうど良いです！※出典：基本情報技術者試験（FE）公開問題（令和6年度 科目B） 難易度個人的な感覚ではありますが、試験問題としてはとても簡単だと思っています。理由ですが、コードは８行なのに最初の３行で答えられる...

はじめに未経験の技術を用いて ToDo アプリを開発し、基礎的な知識と実装力の習得を目指します。バックエンドもフロントエンドもTypeScriptで実装し、APIインターフェースにはGraphQLを使用します。可能な限り詳細な手順を記載していますが、自身の理解に基づいて整理した内容のため、参考程度に見ていただけますと幸いです。なお、記事内で示しているバージョンは執筆時点(2025年6月現在)のものであるため、ご注意ください。 環境・使用する技術 ◼️バックエンドTypeScriptNode.jsExpressApollo ServerPostgreSQL...

一応、試験対策用本来ですと、システムの稼働に関わる指標として知っておく必要があります。しかしながら、この記事では試験対策用の豆知識としてご紹介します。 幅広く見かけるこの『MTBF』『MTTR』は、IPAの情報処理技術者試験にまんべんなく出題されている印象があります。ITパスポート情報セキュリティマネジメント基本情報技術者試験応用情報技術者試験あとは未確認ですが、高度試験のITサービスマネジメント試験や他の区分の午前Ⅰ・Ⅱでも出題されているかもしれません。 手書きで紹介今回は、私自身が確認用に使用したメモ書きをそのまま写真に撮りましたので、これを使ってご...

● はじめに最近、AWSソリューションアーキテクトの資格を取ろうと思い、実機を触りながら勉強を実施しています。普段、SSHの公開鍵認証について、普段は何気なく使っていたのですが、AWS EC2で初めてキーペアを扱ったときに「あれ？」と違和感を覚えました。RHEL系Linuxサーバの設計や構築に慣れているつもりだったSSHの鍵認証。でもAWSでの流れはちょっと違う…。今回は、RHELとAWSでのキーペアの扱いの違いに戸惑った体験を整理してみたいと思います。（大まかな流れの紹介なので、コマンドのオプションや、AWSの設定等はここでは紹介を省いています。） ● RHEL...

突然ですが応用情報技術者試験について色々と記事を書いていますが、システムアーキテクチャを取り上げるのは今回が初めてです。ただ、ご紹介する内容は午前対策や、もしかしたらクラウド系のベンダ資格にも繋がるものではないかと思いました。問われると、意外と「あれ？」ってなることもあるかもしれません。 今回のサンプルこちらの過去問を使い、解説をします。※出典：令和６年度 秋期 応用情報技術者試験 午後 問題冊子 問４：システムアーキテクチャ 設問３（１）動画配信サービスを運用するにあたり、サーバの性能アップ・拡張が必要というシチュエーションです。もう既に答えてしまっているの...

はじめに2025年6月にAWS Certified Security - Specialty(SCS-C02)に合格しました。SCS-C02に挑戦しようと思った背景ですが、AWS Certified Solutions Architect – Professional(SAP-C02)AWS Certified DevOps Engineer - Professional (DOP-C02)直近で上記2点のAWS資格が取得できたので、次は専門資格を頑張ろう！と一念発起し、最初に取り組んだのがSCS-C02ですSCS-C02を選んだ理由は、担当業務で特に役に立ちそう、...

はじめにMacユーザーがWindowsで仕事を始めて、とても不便に感じたこと。それは...「エクスプローラーの数が多くなって目的のフォルダのエクスプローラーを開いていても探すのが大変！！」ということ。下記画像のようになっている人も少なくないのではないでしょうか？MacのFinderはタブの機能がついているため、１つのFinderで複数のフォルダを管理できます。もちろんFinderを複数にすることも可能です。※筆者はWindows10のPCを使用しています。Windows11ではタブ機能があるみたいです。このような悩みを抱えてる人は多々いるのではないでしょうか？今回...

今回は「デジタルフォレンジックス」をテーマに、証拠保全や調査分析という本質を押さえつつ、ちょっと変わっているけど忘れにくい覚え方をご紹介します。 情報処理技術者試験における出題状況令和7年度春期の応用情報技術者試験の午後問題で「電磁的記録の証拠保全調査及び分析」というテーマに関する問題が出題されました。問題文には「カタカナ12文字以内で調査方法の名称を答えよ」という指示があり、ここでの答えは「デジタルフォレンジックス」だと予想されます。※出典：令和７年度 春期 応用情報技術者試験 午後 問題冊子IPAの正式な模範解答が公表されるのはまだ先の話ですが、専門学校や出版社などから...

基本情報技術者試験今回も前回に引き続き、科目Bの情報セキュリティの問題について解説します。 テーマについて表題の通りテレワークが関係します。コロナも落ち着いて、出社するように変わった（戻った？）企業も多いと思いますので、もしかしたら出題されにくいのかもしれません。しかし、外からのアクセスはテレワークだけではありませんよね？客先訪問や出張で利用することもあるはずです。また、個人所有機器を業務で利用するBYODも、機器の認証が必要という観点ではテレワークの有無に左右されないのかなと思います。そういう意味でも、やはり油断せずに問題に慣れておくべきですね。 今回のサンプ...