はじめに 私が技術選定をやってきた中で、ここを気をつけているというポイントをまとめてみます。 技術選定という作業に正解はないと思いますが､自分がやってきたことの備忘録として残しつつ､誰か第三者のご意見をいただけたら良いなという意味合いで残しています｡ 技術選定をしていく上で4つのチェックポイントをベースに技術選定をしていっています｡ チェックポイント 解決したい課題を理解する 組織のバッググラウンドを理解する 選定する技術の市場を理解する 選定する技術のボトルネックを理解する 1.解決したい課題を理解する 基本的に技術を選定するときは「この技術でなにかやりたい」ではなく、ビジネス課題の解決等の理由があるはずです。 その課題を正しく理解して、本当に必要な技術要件を洗い出していくことが重要だと考えます。 その課題を解決するために必要な技術要件を以下の視点を踏まえて洗い出していきます。 マストで

どんな人向けの記事？ レビューによって心理的なダメージを受けやすい方 非エンジニアだが、エンジニアチームがどんな機能を作っているか知りたい方 業務が溜まっていて、レビューに割く時間を捻出するのに苦労している方 コピペできるコードも公開します 初回レビューをAIに任せると、いろんなロールの人の役に立つ レビューは得意ですか？ 優秀なエンジニアしかいないチームであれば、PRは1トピックに絞って小さく明確なコミットによって作成され、適切な要約とともに提供されることでしょう。 しかし、実際にはいろいろな制約から、PRが想定よりずっと大きくなってしまったり、関連トピックと異なるコードが混じってしまうこともあります。 実際のところ、大きなPRを適切にレビューするのは難しいことです。また、自分が詳しくない領域のレビューを行わなければいけない機会もあります。 今回の記事は、レビューを作成してくれるAI C

Flutter初心者ですが勉強のためにDocker環境を作ることにしたのでその時のメモです。 ローカルに入れてもよかったのですが、個人PCはWindows、会社PCはMacなのでなるべくDockerを使って環境ごとの細かい差分を気にせず扱いたかったのです。 Dockerfile cmake, libgtk-3-devはflutterのインストールの際に必要といわれたので追加。 apt-get updateは一度で済ませたいのですが、google-chrome.listを取ってきてからgoogle-chrome-stableを取得する必要があるため2回に分けています。 FROM ubuntu:20.04 # Setup timezone for cmake RUN ln -fs /usr/share/zoneinfo/Asia/Tokyo /etc/localtime # The packa

GitHub Actionsオタクによるセルフホ ストランナーのアーキテクチャ解説 加瀬健太 @Kesin11 品質本部品質管理部SWET第二グループ 株式会社ディー・エヌ・エー © DeNA Co.,Ltd. 自己紹介 加瀬健太 品質本部品質管理部SWET第二グループ ● 全社用GitHub Actionsランナーの設計 ● 社内向けCircleCI Server, Bitriseの運用 @Kesin11 @Kesin11 日課はGitHubのchangelogを読むこと 2

（※以下は2023年の弊社のQiita アドベントカレンダーに投稿したものです。） ご挨拶 こんにちは、市原と申します。 開発をしていて見通しが立たないことって多いですよね。 今までやったことのある開発をすることの方が少なくて、大体は初めてのこと、初めてのメンバー、初めてのシチュエーションだと思います。 ある種の不確実性を抱えた仕事がほとんどではないでしょうか。 そんな見通しが立たない状況を偉大にも日々開拓してきた先人がいます。 ギャルです。 ギャルはいつの世も変化を当然のように受け入れ、適応し、さらに大きな変化を生み出してきました。 その上ギャルは楽しそうです。 プロジェクト乗り越えるためにギャルマインドを憑依させればうまくいくんじゃね？と思っちゃったので、 日常のプロジェクトで使えるギャルマインド3選を紹介していきます。 ※この記事は筆者のイマジナリーギャルに基づいて書かれており、実在

この投稿から、LinuxでiOSアプリを構築する方法を学びます。FlutterとCodemagicを使用すると、Macを使用せずにLinuxでiOSアプリを開発および配布できます。これにより、LinuxでのiOS開発が簡単になります。 ほとんどの場合、iOSアプリはmacOSマシンから開発および配布されます。macOSなしでiOSプラットフォーム用のアプリを開発することは想像しがたいものです。ただし、FlutterとCodemagicを組み合わせることで、macOSを使用せずにiOSアプリを開発および配布できます。 前回の投稿では、Macを使用せずにiOSアプリにコード署名するプロセスについて説明しました。この投稿では、LinuxでFlutterアプリを開発し、Codemagicでカスタム/手動コード署名を使用して、Codemagic-Demoアプリの例でアプリ署名を完全に制御するプロセス

今回検討したツール Mermaid Figma miro NotionCharts Google Sheets(スプレッドシート) Lucidchart diagram.net(旧draw.io) Whimsical Cacoo kroki.io Google Jambord Notionへの連携方法 外部ツールをNotionに連携するにはいくつか方法があります。ほとんどの場合、ツール1つあたりの連携方法は1つとなっています。(あとから機能追加された場合は例外的に2つ以上持っていることもあります) Notion内蔵機能 Notion自体がもとから持っている機能 連携とは言えないが、今回紹介する機能の1つが内蔵機能なので紹介 利用制限等は特にないが、一部契約しないと使えない機能がある 今回は無料使用でも利用可能なものだけとなっている Notionのコネクト機能を使用 Notionが提供してい

React Router v6 で登場した <Outlet /> を活用すると、良い感じに共通レイアウトを組み込めて、さらに <React.Suspense> や React.lazy() を組み合わせると体験が良くなるのを見つけました。おそらく React Router v6 を利用する上での頻出イディオムになると思うので、自分用のメモとして残しておきます。 最終的なサンプルコードはこちら。 使用したライブラリは次のとおりです。見た目がしょぼいとテンションが下がるので MUI で装飾していますが、本筋とは関係ないので今回は特に触れません。 react@18.0.0 react-dom@18.0.0 react-router-dom@6.3.0 @mui/material@5.9.3 @mui/icons-material@5.8.4 @emotion/react@11.10.0 @emo

概要 主に個人開発においてRails（APIモード）+ReactでSPA（シングルページアプリケーション）を作成する事が多いのですが、ログイン（認証）部分の実装で毎度ごちゃごちゃと調べ直す事になるので、ちゃんとドキュメントとして残しておきたいと思います。 手順通りに進めれば最低限のものが作れるようになっているため、同じ様な構成のものを作成したいと考えている方は参考にしてみてください。 完成イメージ 特に何の変哲もない光景ですが、SPAでこれをやろうとするとそれなりに手間がかかったりします。 使用技術 バックエンド Ruby3 Rails6（APIモード） MySQL8 Docker フロントエンド React TypeScript Material-UI 今回は再現性を考慮してバックエンドのみDockerで環境構築していきます。 バックエンド 早速コードを書いていきましょう。まずバックエン

初めまして、最近、転職活動をしているバックエンドエンジニアです。 面接の場面で、技術的質問を受ける経験がよくあるのですが 声に出すと中々説明出来なかったので、自身の振り返りも込めて質問内容を大雑把にまとめようと思います。 内容は、ネットワーク、セキュリティ、データベースに関してです。 ネットワーク🌼 ブラウザであるURLを叩いて、ページが表示されるまでの流れを教えてください DNSサーバーにアクセスし、ドメインに紐付けされたIPアドレスの取得。 取得したIPアドレスを元に、ブラウザからリクエストが送信される。 リクエストを受信したサーバーが、データパケットという形でレスポンスが返却し、Webサイトの情報がブラウザに表示される Cookieとは何か？また、どのような場面で使用されるかを教えてください Cookieとは ウェブブラウザに保存された情報。 どのような場面で使用される？ ユーザ識

要約 windows + wsl2 + dockerを導入すると、vscodeでdevcontainerが使えるよ windowsのフォルダにあるファイルは変更の通知をdocker側で取得できないので、Hot reloadなどが効かないよ wsl2上にあるファイルならファイル変更の通知をdockerで受け取れるようになるよ wsl2でgit cloneしたレポジトリをdevcontainerで立ち上げ直せば快適！ 導入 windows + wsl2 + dockerの準備 この資料などを参考に、準備してください。 インストールするディストリビューションは、一応 Ubuntu 22.04 LTSを想定していますが、好きなものを使用してください。 wsl2上でのvscode, gitの導入 この資料などを参考に導入してください。 これにより、ubuntu上でcode .と入力することでvsco

はじめに 今回、ruby on rails を勉強のためdocker上で環境構築して学習しているのですが、 章が変わるごとにgemを追加して、docker-compose buildで2時間近くかかって、全然学習にならなかったので改善できないか調べて取り組んでみました 結論 docker-compose のvolumesを使えばできた。 version: '3' services: web: volumes: - .:/app + - bundle:/usr/local/bundle volumes: + bundle:

※読みやすさは劣りますが、ブログでは本ガイドを無料で公開しています。 https://musclecoding.com/rails-practical-guide/ 本テキストについて ・カリキュラムの特徴 未経験からエンジニアとなった著者が、 いざ実務に入ってから苦労した点を事前に学べるようなカリキュラムになっています。 アプリを作りながら実践的な書き方を学ぶことで、 未経験からエンジニアになった方が最初の壁を越えていただくことを目指しております。 また、各章末には「宿題」として主に参考サイトを読んでいただくタイミングを設け、より体型的かつ深く理解いただくことを重視しています。 これにより「なんとなく理解した」状態を脱却していただき、使える知識として身に付けていただけます。 ちなみに作っていくアプリは以下のURLに公開しているので、こちらでイメージを掴んでみてください。 ※無料サーバ利用

記事を書くきっかけ Dockerを使ってRails,　React環境を構築することがしばしばあったのですが、そのたびに色々と調べ直し、時間がかかってしまっていたので記事にまとめました。 ゴール RailsとReactのそれぞれでデフォルトページを表示させる。 Rails7+MySQL まずはじめに、Rails7+MySQLの環境構築を目指します。 各種設定ファイルを作成します。 私の場合は以下のような構成にしました。 zenn-rails-react ├backend │├Gemfile │├Gemfile.lock │├entrypoint.sh │└Dockerfile └docker-compose.yml