はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに エンジニア未経験からの異業種転職して入ったスマレジにはブログ手当という制度がありました。 ブログ手当の制度をきっかけに、週１ペースでブログ記事を投稿してきてよかったことについて挙げてみます。 １、２年目のジュニアエンジニアの方に技術記事を書くことをおすすめしたい！ という気持ちでお届けする記事です。 私について スマレジでWeb系エンジニア3年目(37歳) 2021年12月にSES部署配属で入社 2023年4月から自社関連アプリ開発業務を担当 Flutter（Dart、Kotlin）でのアプリ開発をメインで担当しており、Rea

はじめに この記事は、AI エディタ Cursor （カーソル）について、使い始めるまでの手順と基本的な機能を試した内容を、丁寧にまとめただけの記事です。 Cursor 使ってみたい、導入の手順やできることを確認したい、という場合には、ぜひ読んでみていただけると幸いです。 使ってみたきっかけ 私が Cursor を使ってみようと思ったきっかけは、こちらのエンジニア系 YouTuber 山浦清透さんの YouTube 動画です。 動画の中で「革命的なツール」だという感想があり、山浦さんのワクワクが伝わってきて、これは使い始めておこうと思いました。 気になるポイント コードベース全体について AI に質問できる機能（Codebase Answers） があり、特に気になっています。 普段は ChatGPT に課金して gpt-4 を利用しており、コーディングのために毎日のように利用しているので

はじめに 実務未経験でのWebエンジニア転職活動について、当時の自分の経験を振り返って、 失敗から学んだり、良い情報を得ることで「悪い行動」を「良い行動」に改めた経験 について、記事にさせていただきます。 行動を改める情報元としては、実務未経験からの転職を実現した方々や、エンジニア歴の長い信用できる方々の情報発信を参考にしてきました。 目次 1. 未経験でエンジニア転職に挑戦するときの行動 2. プログラミングスクールか、独学かを選択するときの行動 3. 退職して短期集中か、仕事しながらコツコツかを選択するときの行動 4. 転職サイトに登録するときの逆算のための行動 5. 転職活動の面接準備のための行動 対象の読者 実務未経験での Web エンジニア転職を考えている方、学習を始めている方。 自己紹介 実務未経験 35 才で Web エンジニアに転職して、 2022 年 12 月で 2 年目

はじめに LocalStack であれば、 AWS のリソースの動作をローカルマシンでテストすることができる、ということを聞き、入門してみました。 やってみることとしては、LocalStack を Docker Compose で起動してみます。 docker-compose.yml について、Amazon DynamoDB を動作させるための設定をして、 LocalStack を起動した後、 AWS CLI を利用した操作を試せるようにします。 環境 MacBook Pro (Intel)、macOS Big Sur 11.6 Docker Desktop 4.7.0 Docker Engine 20.10.14 構成図 簡単ですが、構成図です。 目次 LocalStack の概要 docker-compose.yml の作成 LocalStack の起動 1. LocalStack の

はじめに Udemy など動画教材での学習に関連した、以下の 3 つの Tips をシェアします。 Tips 動画をみる前に Google Chrome の拡張機能 Video Speed Controller を追加！ Tips 動画をみている時に 視聴しながら、 Notion にメモ！ Tips 動画をみた後に ハンズオンは GitHub でコード履歴管理！ 自己紹介 私は公務員からWebエンジニアに転向して、 2 年目に入ったところです。 未経験の頃から、書籍などのテキストよりも動画を中心に学んできたため、 動画学習歴 3 年です。 記事を書くきっかけ アドベントカレンダーのどれかに参加したいと思い、普段お世話になってる Udemy のアドベントカレンダーを選びました。 環境 PC：macOS でも Windows でも OK ブラウザ：Google Chrome 対象のオンライン動

はじめに 実務未経験でWebエンジニアとして入社してからの2カ月で受けた社内研修についての振り返りです。 今回は「Webアプリケーション基礎」の課題について、 セキュリティ に関するレビュー内容に焦点を当てて、整理します（レビューで色々と指摘をいただいた、かつ、重要と感じたため）。 結論としては、 SQLインジェクション対策 や、 クロスサイトスクリプティング（XSS）対策 、 バリデーション がうまくできていなかった、という初歩的な内容です。 タイトルは、こちらの徳丸本を意識しています。（最近読了しましたが、今回の記事では直接的に触れていません） 記事の目的 同時期に実務未経験でWebエンジニアになって交流している方々（他社の）が、 「他の人が初期にどのような注意を受けているか聞いてみたい」 と言っていたため、私は自分が書いたコードをレビューしてもらった機会はまだ研修のみですが、どのよう

はじめに PHP の定番のデバッグツールの Xdebug のおすすめの設定や使用方法をご紹介する記事です。 コンソール画面で操作するブラックジャックゲーム開発の際に Xdebug を導入していたので、その環境をサンプルとして使用します。 その環境で Xdebug を起動させて、プログラムを実行したときにどんなことができるかを実際に見ていきます。 Xdebug とは Xdebug は、 PHP の デバッグツール です。 デバッグツール は、 バグの原因を見つける作業を手伝ってくれるツール のことです。 例えばこんなシーンがあるかと思います。 「実装うまくいかない、この行を処理しているときの変数の中身が知りたい」 「if文書いたけど、ちゃんと機能しとるんかあやしいので確認したい」 「既存のこの機能のここのあたり…どう動いているかよくわからない」 そんなときには、Xdebug を使用すると効率

はじめに 実務未経験でWebエンジニアとして入社してからの2カ月で受けた社内研修についての振り返りです。 SQL のデータ取得（ SELECT 文）の答案へのレビューをいくつかピックアップして、SQL文のビフォーアフターを比較します。 記事の目的 同時期に実務未経験でWebエンジニアになって交流している方々（他社の）が、 「他の人が初期にどのような注意を受けているか聞いてみたい」 と言っていたため、私は自分が書いたコードをレビューしてもらった機会はまだ研修のみですが、どのような点をレビューで教えてもらったかについて、共有したいと思います。 振り返りを通して、私自身現在忘れてしまわずに身になっているか確認していきます。 想定する読者 想定する読者は、実務未経験の初学者の方です。（過去の自分を想定して書いてます） どんな社内研修？ 社内研修は、Web開発全般についての基礎的な研修で、以下のカリ

root@9444efa94780:/var/www/html# php Main.php ブラックジャックの設定をします。 プレイヤーの人数を入力してください。（1〜3） 🙋‍ 1 プレイヤー1名でゲームを開始します。 あなたの持っているチップは100ドルです。 ベットする額を入力してください。（1〜1000ドル） 💲 10 10ドルをベットしました。 ブラックジャックを開始します。 あなたの引いたカードはハートの6です。 あなたの引いたカードはスペードのQです。 ディーラーの引いたカードはスペードの10です。 ディーラーの引いた2枚目のカードはわかりません。 あなたの現在の得点は16です。 カードを引きますか？（Y/N / DD/SP/SR） ※ 特殊ルール（DD: ダブルダウン, SP: スプリット, SR: サレンダー）は、最初に手札が配られたときのみ有効 👉 SR サレンダ

はじめに A5M2（A5:SQL Mk-2）を macOS で起動させるまでの手順をまとめます。 A5M2（A5:SQL Mk-2）とは A5:SQL Mk-2は複雑化するデータベース開発を支援するために開発されたフリーのSQLクライアントです。 高機能かつ軽量で、使い方が分かりやすいことを目標に開発されています。 SQLを実行したり、テーブルを編集するほかに、SQLの実行計画を取得したり、ER図を作成したりすることが出来ます。 A5M2 を使ってみようと思ったのは、先日、こちらの記事を投稿した際のコメントで、経験豊富そうな方から教えていただいたことがきっかけです。 起動させたら、こんな感じのことがしたい。 ※ 2022/08/15 追記 A5M2 での ER図の自動生成 の記事を投稿しました。 環境 macOS（Intel） Big Sur バージョン: 11.6 Homebrew バー

はじめに データベース設計のER図について、自動で生成する以下３つのツールを比較した記事です。 dbdiagram.io DBeaver A5:SQL Mk-2（A5M2） 先日、こちらの記事をQiitaに投稿したところ、多くの方に記事を見ていただき、コメントも多数いただきました。 ER図に関するお勧めのツールをコメントいただく方が多くいらっしゃいました。 今回はその中から、無料でも利用できる3つのツールの「ER図の自動生成」の機能を試します。 比較の結論としては、〇〇が一番良いという感想ではなく、どのツールも多機能で、できることは違うので、今後使うときは用途や業務の環境によって使い分けていけたらと思っています。 目次 それぞれのツールについて、下記の内容を書いていきます。 1. dbdiagram.io 1-1. 始める 1-2. 使う 1-3. 感想 2. DBeaver 2-1. 始

はじめに データベース設計のER図について、VSCodeなどで作成する以下３つの方法を比較した記事です。 Draw.io PlantUML Mermaid 以前、Webアプリケーションを作成した際には、 Draw.io を使用して、作図しました。 （そのアプリのER図を今回サンプル図としています） 最近、 PlantUML を利用するようになり、ER図や、シーケンス図、クラス図の作図に利用しているのですが、とても編集しやすいと感じています。 ただ、どのツールにも、一長一短あるかと思いますので、それぞれ以下目次の内容を書いて、ご紹介したいと思います。 目次 1. Draw.io 1-1. VSCodeでの使い方 1-2. ER図 1-3. 感想 2. PlantUML 2-1. VSCodeでの使い方 2-2. ER図 2-3. 感想 3. Mermaid 3-1. VSCodeでの使い方

2. インセプションデッキを作成した目的 なんの課題を解決するのか、どのような状態になればよいのかを最初に決めるために、インセプションデッキを作りました。 ポートフォリオを作成する際に、闇雲に作っていくのではなく、Webアプリケーションの作り方として、課題定義・要件定義をしてから作り始める、ということを学習して知りました。 そして、手法として「アジャイル開発」の「インセプションデッキ」というものがあると知り、チームでの開発ではなく個人開発ではありますが、観点としてどのようなことを明確にしてから開発を始めていけばいいかのフレームワークとして、まずは作ってみようと思いました。 3. 実際に作成したインセプションデッキ ポートフォリオ作成前に、実際に作成したインセプションデッキをご紹介させていただきます。 ◆ 「WHY」を明確にする ① 我々はなぜここにいるのか ※目的・理由を確認する ⑴ 「よ

はじめに ターミナル(iTerm2)の便利な設定をする手順をまとめた記事です。 今回の内容は、晴れてWebエンジニアとして転職して研修を受けていた時、職場の同時期に入社したエンジニアW氏に教えてもらいました。それはもう、プログラミング学び初めの頃から欲しかった便利機能満載でした！… 独学での初学者の頃は、補完機能を付けたり、見やすくしたり、カスタマイズできることに気づくこともなく過ごして、最近までほぼデフォルトのまんまのターミナルだったので、プログラミング初学者、Mac初心者、新人プログラマの方にこの記事で共有できたらと思っています。 画面イメージ Mac初心者に優しいターミナルのイメージとしては、こんな感じになります。 コマンドに色がつきます！ （lsコマンドが緑色） エラーになる利用できないコマンドだと赤字になります！ 過去のコマンドが入力途中で出てきます！ （-laがうっすらと見える

※中間テーブル 3. 作成した目的・背景について 続いて、アプリを「どのような目的・背景で作ったか」については、以下のとおりです。 ⑴ なぜポートフォリオを作ろうと思ったのか ⑵ なぜ「よんで」のようなアプリにしようと思ったのか ⑴ なぜポートフォリオを作ろうと思ったのか ポートフォリオを作るそもそもの理由は、以下３点です。 ① 転職活動時に必要不可欠と考えるため ② 自身のエンジニアへの適性を確認したいため ③ 技術力を効率的に高めたいため ① 転職活動時に必要不可欠と考えるため 一般的に、ほぼ必須と言われていて、しかも年々求められるレベルは上がっているという情報も多く、私にとっても必須と考えました。ましてや私は未経験エンジニア転職市場では高齢で、既婚者でもあります。私の学歴や職務経歴はITエンジニアとは畑違いということもあり、採用担当者目線で自分をみた時に、ポートフォリオがない３４才未

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?