1円も使いたくない個人開発のための技術スタック
対象 一般的なWebアプリケーション 特に、学生などはクレジットカードが使えずそもそも支払いができないという状況もあるので無料のものをまとめてみました。 結論として Supabase Next.js Drizzle Cloudflare Pages Cloudflare D1 / KV どんな要素が必要か Webアプリの開発に必要なのはフロントエンドと、バックエンドです。 バックエンドといっても、その中身は実際の処理に加え、DB、またログイン認証機構が必要になります。 フロントエンド フロントエンドとしては、Next.js一強です。 すでにコミュニティも成熟しているので使いやすく、いろんなところに統合できます。 バックエンド処理 バックエンド処理は、Next.jsの"use server";を使えば簡単に行えるので、別にAPIを作ったりする必要はなさそうです。 フロント・バックエンドのデプ
Rails 8で本番利用可能になったSQLiteをつかうとGoogle Cloudでほぼ無料で運用ができそうな件
はじめに Rails 8が新たにリリースされ、SQLiteを本番環境でも使用できるようになりました。 これまで、Google CloudでRailsアプリを運用する際、Cloud RunとCloud SQLを使うと簡単に構築できて便利だったんですが、Cloud SQLだけで最低月2,000円弱かかってしまっていました。 SQLiteは、PostgreSQLやMySQLと違いライブラリとして動作するため、データファイルを保存できるストレージがあれば別途CloudSQLなどのサービスを使う必要がなくなります。 なので、Cloud StorageのバケットにSQLiteのデータを置いて、Cloud RunでGCSバケットをボリュームマウントとして設定することで、ほぼ無料のRails環境が作れそうと考えて試してみました。 インフラ構成 Cloud RunとCloud Storageの構成にしていま
Cloud Build での Next.js のビルドを最適化する
はじめに Zenn のプロジェクトでは、フロントエンドに Next.js を使っています。実行環境は Google Cloud の Cloud Run で、ビルドは Cloud Build で行っています。 以降、すべてステージング環境の話となります。 Cloud Build は、GitHub の 特定のブランチの push をトリガーとして、Next.jsのビルドを行い Dockerイメージを作成し、リポジトリに push します。その後、Cloud Run に新しいリビジョンを作成し、新しいDockerイメージをデプロイします。 この一連の処理に、平均して 8 分程度かかっていました。 さすがに長いと思い、最適化を試みた結果、平均して 3 分 20 秒 程度まで短縮することができました。 先に結論 効果があった変更点は、以下の通りです。 Cloud Build のロケーションを、Art
Design Doc でチームを跨いだ開発を円滑に行う - 一休.com Developers Blog
この記事は 一休.com Advent Calendar 2024 7 日目の記事です。 宿泊事業本部 ユーザー向け開発チームの原です。 一休.com と Yahoo!トラベルの主にフロントエンドの開発を担当しています。 今回は、普段の開発でコードを書き始める前段階で Design Doc を作ることで、円滑な開発を進められるようになったというお話をします。 チーム構成について まず、前提を共有するために私達が普段どのような体制で開発しているかを説明します。 私が所属している宿泊事業本部 ユーザー向け開発チームは、一休.com と Yahoo!トラベルの主に toC のユーザー向けの機能開発をしています。ユーザー向け開発チームのメインのミッションはユーザー体験を向上させることであり、そういった施策の機能開発を素早くリリースできることを大事にしています。 一方、プロダクト開発においては機能開
推し活の ハイトラフィックに立ち向かう Railsとアーキテクチャ - Kaigi on Rails 2024
Devin , 正しい付き合い方と使い方 / Living and Working with Devin
三角関数は何に使えるのか 〜 サイン・コサイン・タンジェントの活躍 〜 - Qiita
「他にこんなのがある」というのがあったら是非いっぱい教えてください！ 歴史的に最も古くからある用途は「測量」でしょう。三角関数誕生のキッカケはまさに測量の必要性にありました。比較的日常生活でも見る機会がありそうな用途でしょうか。 ログハウス ケーキカット 震災時の家の傾き推定 現代では「波」としての用途が多いでしょうか。Twitter での様々な人のコメントを見ていても、 おっぱい関数 jpeg 画像 音声処理 といった具合に、波に関する話がかなり多いイメージです。これらの三角関数の使われ方を特集してみます。様々な分野に共通する三角関数の使い方のエッセンスを抽出したつもりですが、これでもかなり分量が多くなりました。摘み食いするような感覚で読んでいただけたら幸いです。 2. 三角関数の 3 つの顔 最初に三角関数には大きく 3 つの定義があったことを振り返っておきます。以下の記事にとてもよく
マネージャーは『桜井政博のゲーム作るには』を見た方が良い
2024/10/22に『桜井政博のゲーム作るには』が最終回を迎え、 ネットでは大いに話題になっていました。 まさかそんな手法で作られていたとは....... (気になる人は↓をチェック) その話はさておき今回はゲームエンジニアに限らず Web系エンジニアにも通ずる話があると私は思っていて、 色々な方々にも見て頂きたいと思った次第です。 (UIの話や広報の話もあるので本当はもっと広い範囲に刺さる内容ではあります) 桜井政博ってだれ？？？ そもそも桜井さんのことを知らない人がいると思いますので簡単に紹介しますと 『星のカービィ』や『大乱闘スマッシュブラザーズ』を作った人ということで概ね間違いないはずです 結論 先に結論をお話しすると 『仕事の姿勢』を見ることでタイトル通り仕事の姿勢、そして仕事に対する向き合い方を学べる 『チーム運営』を見ることでエンジニア界隈でもよく話題になるチームビルディン
個人開発マネタイズ大全
この記事は以前 エンジニアと人生 というオンラインコミュニティで執筆し技術書典で頒布した本の中の、私の執筆した章をリライトしたものです。 無料公開の背景 本は有料で販売していたのでこの記事も有料記事にしようかとも思っていましたが、最近個人開発をネタにした特に中身のない記事を有料で買ってしまい後悔している友人を見かけて、そういうのにうんざりしていたので無料で公開することにしました。 個人開発云々いうなら中身のない情報商材じゃなくて自分のサービスで稼げよな！ ということで。でも投げ銭はありがたくいただくのでいいと思ったらバッジしてください！ 【追記】 上記に対して「有料記事がダメって事？」という反応を頂きました。書き方が悪く申し訳ありません。 有料でノウハウなどを販売する事は良いと思います！そしてそれでサービスの運営費を賄えるなら嬉しい事です。 なんならサービスに関する事ならこの記事の"データ
0064 号 巻頭言
エンジニアの教育と技術者倫理について考える 少し前のことになるが、今年の 4 月に「エンジニア基礎」という資料が公開された。概要欄の説明とそこからリンクされているブログ記事によると、ウィルゲート社のエンジニア新卒研修の資料を加筆修正したものとのことだった。 エンジニア基礎 ウィルゲート 2024 年度エンジニア新卒研修 SNS の X (旧 Twitter) でも話題になっていたので知っている方も多いのではないだろうか。 内容としては新人のエンジニアに向けて、スタンスやマインドを習得できることを目的として作られたと書かれている通り、新人の気持ちに寄り添うようなスタイルで、一般的なことと具体的な例を織り交ぜながら分かりやすくまとめられている。評判が良いのもうなづける。 その一方で、「エンジニア基礎」というタイトルにしては、後半の一部を除くとエンジニアに限らない、新卒の方なら誰にでも当て
[gh コマンド] PR のcommit hashをすべて取得する
gh api graphql -f query=' query($owner: String!, $repo: String!, $pr: Int!, $endCursor: String) { repository(owner: $owner, name: $repo) { pullRequest(number: $pr) { commits(first: 100, after: $endCursor) { pageInfo{ hasNextPage, endCursor } nodes { commit { oid } } } } } }' -F owner='{owner}' -F repo='{repo}' -F pr=<PR_NUMBER> --paginate --jq '.data.repository.pullRequest.commits.nodes.[].commit.
![[gh コマンド] PR のcommit hashをすべて取得する](https://cdn-ak-scissors.b.st-hatena.com/image/square/cb8e54194adc40bda7abc86848c2a0bf2da8e047/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--LMJ0S8dy--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255Bgh%252520%2525E3%252582%2525B3%2525E3%252583%25259E%2525E3%252583%2525B3%2525E3%252583%252589%25255D%252520PR%252520%2525E3%252581%2525AEcommit%252520hash%2525E3%252582%252592%2525E3%252581%252599%2525E3%252581%2525B9%2525E3%252581%2525A6%2525E5%25258F%252596%2525E5%2525BE%252597%2525E3%252581%252599%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Atatsumack%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2c1eURKa3lzaDZtNjJmVVBaRXk4LXlaT1NzNkozNmRQOFgyaTVfZHc9czk2LWM%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
ISUCON練習用にメンテナンスしている問題について
ISUCONの練習で過去問を用意しようとすると、repoが壊れていてセットアップできなかったり、セットアップできても諸々バージョンが古すぎてつらい、とかが起こりがちです。 ということでISUCON練習用に自分がメンテナンスしている問題があるので紹介します。何か問題があったらPRを送ってくれればベストエフォートで見るつもりなので何かあったら教えてください。 いずれも詳しい使い方は各repoのREADMEに書いてあるので参照してください。 private-isu 気付いたらISUCON練習用のデファクトスタンダードになっていて、ISUCON本の題材にもなっています（私はISUCON本の著者の1人です）。CIも整備されて、現在も精力的にメンテナンスをされています。 元々新卒研修用に作られたので、難易度は本家ISUCONより低めですが、ISUCONのエッセンスはふんだんに取り入れられているので、I
ADRならぬxDRであらゆる意思決定の記録をすぐに確認できるようにしている話 - Adwaysエンジニアブログ
こんにちは、さたかです。今日は私が所属しているインフラ部署で実施している、Div技術向上というワーキンググループ（以下、WG）に関する記事の第2弾になります。 （第1弾はこちらです。） 今回は最近取り組みを開始したxDRというドキュメントについてお話したいと思います。 xDRとは ADRとは xDRの詳細 期待している効果 テンプレート 作成ガイドライン フロー 具体例 タイトル 具体的な例 xDR導入までの道のり 背景 ADR時代 xDR化 xDRの効果 xDRの今後について おわりに xDRとは xDRとは【x Decision Record】の略になります。【x】は【何かしらの】という意味で、日本語言うと【何かしらの決定記録】のようなニュアンスになります。 元々はADR【Architecture Decision Record】というものを参考にしています。 ADRとは ADRは重要
ADRとDesign Docで開発組織の生産性を向上するためのドキュメンテーション文化を醸成する - Qiita
この記事はMOSH Advent Calendar 2023の10日目の記事です。 プロダクティビティーチームの@soartec-labです。 前回の記事では、プロダクト開発における「学習のためのアウトプット」と「収益のためのアウトプット」を 分けて捉えることで効率的な開発を目指すアプローチについて紹介しました。 この記事では、開発組織の生産性を向上するためのドキュメンテーション文化についてアプローチしている内容を紹介します。 背景 開発チーム全体での課題として以下の課題が発信されることが多く、私も1人の開発者として同様の課題を持っていました。 開発中の過去の経緯や仕様の理解が難しく時間がかかってしまう 仕様確認やシステム理解が手探りになり開発体験が悪い 複数人がそれぞれ別の目的で1つのリポジトリを更新するので情報を効率的に把握したい 目的 これらの問題を解決する事でナレッジを蓄積し自律し
SDRを導入して仕様の意思決定の背景を見える化してみた話 - ユニファ開発者ブログ
この記事は「Unifa Advent Calendar 2022」の17日目の記事です。 adventar.org こんにちは。 今年8月、ユニファに入社したPdM（プロダクトマネージャー）の田代です。 早いもので入社して4ヶ月が過ぎ、年末に近付いて参りました。 この時期になると毎年「今年は1年経つの早い」と言ってます。時間は有限なので大事にしていきたいですね。 今回は、最近取り組みを開始したSDRという内容についてお話したいと思います。 初めてのブログ投稿となりますので、温かい目でご覧ください。 【目次】 SDRとは SDRを導入した理由 期待している効果 作って終わりにならないために テンプレート まとめ SDRとは SDRとは「Specification Decision Records」の略で、日本語で言うと「仕様の決定記録」です。 元々「ADR（Architecture Deci
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AtCoder で水色になった - Obsidian Publish
Search
終了の危機にあった15年続くWebサービスを全力で存続させる - phpcon2024
PMConf2024: プロダクトマネージャーの良い意思決定についてQuestする
都市伝説バスターズ「WebアプリのボトルネックはDBだから言語の性能は関係ない」 - Kaigi on Rails 2024
OpenTelemetryでRailsのパフォーマンス分析を始めてみよう（KoR2024）
