最近になって Frontend Ops の傭兵として活動を始めました。 Frontend Ops 実践のモデルケースとして、 株式会社GiXo様で Next.js 仕事に取り組ませいただきました。今回、その内容を公開する許可を頂けたので、事例として公開させていただきます。 依頼主 株式会社GiXo様 以下、敬称略 相談内容 フロントエンド関連のリポジトリで、Next.js のビルドが遅くなってしまった。 重いことに起因して Vercel CI で OOM で確率的に落ちるようになった。CIが信用できなくなり、とりあえず再ビルドするクセがついてしまって、生産性が落ちている。 モノレポ内にとくに重いアプリケーションが一つあり、これを調査・解決してほしい。 仮ゴール: VercelCI 上のビルド時間を半分OOM が発生しないようにしたい 調査フェーズ リポジトリの閲覧権を頂き、プロジェクト構成

日経BPより「普通の人が資産運用で99点をとる方法とその考え方」が出版されます。 Amazon: 普通の人が資産運用で99点をとる方法とその考え方 内容の紹介 「はじめに」と「目次」です。 はじめに / 目次 (PDF) （掲載許可取得済) 書籍は、元の記事をベースに全面的に書き下ろしました。 「資産運用に関しては最初にこれだけ読めばよい」という本を目指して、資産運用の具体的な方法、99点の方法を実践するための「考え方」、さらに現実によくある質問に多く応える実践的な本です。 第1部「結論編」では、元の記事同様「資産運用するならここだけ実践すればよい」という内容を中心にまとめました。 第2部「理論編」は、元の記事の「理論編」は読むのを飛ばしましたという方にも、「これなら理解できる！」と思ってもらうのを目標に丁寧に再構成・解説しました。資産運用で余計なことをしがちな人に特にオススメです。 第3

AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be

■ イベント 開発生産性向上の鍵 〜開発者体験・効率・検証改善・リードタイム短縮の実例〜 https://sansan.connpass.com/event/326409/ ■ 発表者 技術本部 Bill One Engineering Unit 小松代 紘生 ■ Bill Oneエン…

モダンなプログラミング言語が多数登場した現代においても、C言語は重要な言語です。具体的に言うと、多くのプログラミング言語（あるいは言語ランタイム）がC言語で実装されていたり、OSのAPIはC言語のインターフェース（ABI）で提供されている場合が多かったり、異なるプログラミング言語間で関数呼び出しをしようとするとC言語のABIがベースとなったりします。 そんなC言語ですが、登場時から現代まで、少しずつですが進化を遂げています。その過程では、「この機能は良くなかった」ということが判明し、非推奨になったり削除された機能もあります。この記事では、C言語のそのような「良くなかった」機能を紹介します。 gets 関数 C言語には、誤って使うとバッファオーバーフローなどの問題を引き起こす関数が多数用意されています。例えば、

2024-08-30E2Eテストの信頼性と向き合ってMagicPodのヘルススコアが100に達した話こんにちは、医療プラットフォーム本部 プロダクト開発室 QA グループ所属の小島大周 (@Daishu) です。2022 年 4 月に QA エンジニアとしてメドレーに入社しました。主に "クラウド診療支援システム CLINICS" のプロダクト開発における QA と、E2E テスト自動化を担当しています。 今回は、MagicPod という自動テストツールに半年間向き合い、テスト内容と結果の信頼性を高める改善を行った話をさせていただきます。 ※ 自動テストツール全般に共通する話なので、自動テストに携わっている方々にご覧いただけると大変嬉しいです。 MagicPod弊社は E2E テストの自動化に対して MagicPod というツールを採用しています。MagicPod の詳細は割愛しますが、導

こんにちは、LegalOn Technologiesで検索エンジニアをしている志水(@banbiossa)です。 食事つきの勉強会を開催する際に、学び目的ではなく飲食目的、いわゆる「タダ飯狙い」の方に遭遇したという声を最近多く聞きます。 この「タダ飯狙い」や不審者の対策にむけて、リーガルテック企業ならではの取り組みとして、参加規約のひな形を準備しました。 本記事では、取り組むまでに至った経緯や過程、ひな形の詳細、協力してくれた方々についてご紹介できればと思います。 勉強会の治安の悪化 弁護士ドットコム社の記事 検索技術勉強会における実体験 勉強会用・参加規約のひな形 ひな形本文 ひな形とは？ 活用方法について ひな形の活用 勉強会の運営 勉強会用・参加規約ひな形プロジェクトの全容 シャッフルランチでCTOに投げかける 法務・法務開発の巻き込み ドラフト→レビュー→公開 ひな形作成時の想定

こんにちは、フロントエンドエンジニアのodanです。 LINEヤフー株式会社は、2024年8月24日に開催されたフロントエンドカンファレンス北海道2024に、シルバースポンサーかつセッションルーム命名スポンサーとして協賛しました。 この記事では、カンファレンス当日の会場の様子やセッションについて、一人のフロントエンドエンジニアとして紹介します。 LINEヤフーがスポンサーする理由 LINEヤフーではフロントエンドに関わるさまざまな技術を活用してプロダクト開発を行っています。フロントエンドカンファレンス北海道2024はフロントエンドの全領域が対象であるため、会社との親和性が高いと考えてスポンサーとして協賛しました。 今回のスポンサーを通じてフロントエンドのコミュニティ全体の活性化につながることを期待しています。 セッションルームは「LINEヤフー WOWルーム」という名前をつけさせていただき

はじめに 2024年8月28日に『Binary Hacks Rebooted―低レイヤの世界を探検するテクニック89選』という本の販売が開始されました。 著者の一人として、この本の紹介をします。 お持ちでない方は、Amazon や、楽天、お近くの書店などで購入が可能です。 購入していただけると大変嬉しいです。 どうぞよろしくおねがいします。 どのような本か 『Binary Hacks Rebooted』は2006年に発売された『Binary Hacks』の再構築版です。 再構築版と聞くと『Binary Hacks』とどれくらい異なるのが気になると思いますが、ほぼすべてが異なります。 詳細な目次はこちら で確認できますが、『Binary Hacks』からそのまま引き継いだ Hack は一つもなく、全てが新しい Hack です。 『Binary Hacks Rebooted』は低レイヤプログラ

拡大するマルチプロダクトSaaSの顧客理解にデザイン組織はどう取り組んでいるか / RAKUSTechCon2024_Design

Next.js v12.0.8（2022/01/26時点のlatestバージョン）で確認しています。今後リリースされるバージョンでは挙動が変わる可能性があります。 環境 Next.js on GAE（Google App Engine）の構成でこの問題を確認しています。 Next.js on Cloud Runでも同じ問題が発生すると思います。 Vercelにデプロイしている場合にはこの問題は発生しないと思います。 revalidateは指定していません（= ISRは使用していません）。GAEではISRがうまく動かないためです。 直面した問題 ふとgetStaticPropsを使っているページが本番環境で[1]CDNに長期間キャッシュされることが分かりました。レスポンスヘッダを見るとCache-Control: s-maxage=31536000, stale-while-revalida

フロントエンドカンファレンス北海道 2024 の登壇資料です コードベースに秩序をもたらすため各種 Linter を利用している方も多いのではないでしょうか？一般的なルールについては Linter 内蔵のものや既存の Plugin ですでにカバーできるでしょうが, 一方で事業ドメイン特化であった…

あなたにとってのjQueryはなんですか？ ● キャリア黎明期を形作った技術？ ● ブラウザ間の差異を吸収してくれた福音？ ● prototype.jsからの移行に苦しめられた思い出？ ● あるいは、全く知らない過去の技術？

Node.js で型安全な環境変数を扱うスニペットを作りました。 next devのようなアプリケーションの起動、Playwright でのテストなどコマンドごとに渡したい環境変数のセットが異なるケースがあります。 この場合に環境変数をまとめたものを定義して、それをコマンドごとに読み込むセットを変えたいことがあります。 次のようにベタ書きしてもいいのですが、渡したい環境変数が増えると管理が大変になります。 NEXT_PUBLIC_LOCALHOST_URL=http://localhost:3000 NEXT_PUBLIC_API_URL=http://localhost:3001 NEXT_PUBLIC_IS_TEST_MODE=false FOO="bar" next dev そのため、.envのような環境変数をまとめたファイルを使いたくなります。 Node.js は--env-fil

利益が出ないというプチコンを，なぜスマイルブームは作り続けるのか。「令和最新版BASIC事情」レポート［CEDEC 2024］ ライター：箭本進一 Nintendo SwitchやニンテンドーDSiといったゲーム機で，懐かしのBASICを使ったプログラミングができる「プチコン」シリーズ。その利益は開発者自らが「お察しください」と語るものだが，スマイルブームはなぜシリーズを続けているのだろうか？ CEDEC 2024の講演「令和最新版BASIC事情：我々がプチコンを作り続ける理由」では，プチコンの歴史とこれを続ける理由が語られた。 ●「令和最新版BASIC事情：我々がプチコンを作り続ける理由」登壇者 細田祥一氏（スマイルブーム　開発本部長） 小林貴樹氏（スマイルブーム　代表取締役） 写真左から，細田祥一氏（スマイルブーム　開発本部長）と小林貴樹氏（スマイルブーム　代表取締役） スマイルブーム

ゲーム・エンタメ最新情報のファミ通.com取材・リポートモバイル・アプリ『学マス』AIによってリリース前にレッスンを10億回、人力なら1900年分の検証を実現。バランスブレイカーを効率的に見つけ出すAI学習とデッキ探索【CEDEC2024】

コンテナの話（AWSコンテナ系アーキテクチャの選択肢を最適化する）をした時にメンテナンス画面の表示についても軽く触れました。 改めて整理すると他にもいろいろあるということで、上から順に超ザックリと並べていきたいと思います。一応 AWS でを想定していますが、一般的な方法論でもあるので、どこだろうと何かしらの足しにはなるかもです。 条件 どのようなメンテナンス状態にしたいかによりますが、満たすべき条件はおそらくこのようなものがありますよ、ということで整理します。 １回の変更操作で、一括したメンテインを保証すること 管理者はメンテにならず通常アクセスする手段があること メンテ機能の仕込みによって悪影響がないこと 希望するメンテ用レスポンス内容を実現可能であること 静的 or 動的 Status Code 503 Content-Type レスポンス・サイズ 例えば DNS のレコード値を変更し

日本プルーフポイントは2024年8月14日、Cloudflareのトンネル機能「TryCloudflare」を悪用した新たなサイバー攻撃キャンペーンが展開されていると報じた。TryCloudflareはアカウントを不要かつ無料で一回限りのトンネルを作成できる機能だ。 Cloudflareトンネルを利用したマルウェア配信キャンペーンに注意 このキャンペーンは主に遠隔操作型トロイの木馬をターゲットに配信するサイバー攻撃で、2024年2月に初めて観測されて以降、2024年5～7月にかけて急増したことが確認された。攻撃は金銭的な動機に基づいており「Xworm」と呼ばれるマルウェアが配信されたことが分かった。 今回のキャンペーンでは、メッセージにインターネットショートカット（.URL）ファイルにリンクするURLや添付ファイルが含まれていた。ファイルを実行するとLNKやVBS、BAT、CMD形式のファ

ユニットテストのコードカバレッジ（テストカバレッジ。ステートメントカバレッジやC0、C1など）は、不適切な運用が根強く見られます。多いのが、コードカバレッジの確保だけをテストの十分性目標にして、まずいテストを書いてしまうパターンです。 今回はこのコードカバレッジについて、現代的な開発を支えるための適切な運用について解説します。 コードカバレッジのみを直接のテストの十分性の目標にしてはいけない 結論から言うと、まずユニットテストは以下を目標として作成します。 ふるまいの仕様が実現されているか確認する プログラマが感じる品質リスク（いわゆる不吉な臭い等）が許容できる水準であることを確認する 法規制対応など、外部からのテスト要求に対応する コードカバレッジは、上記目標を達成することで副次的に確保されることを目指します。 注意点として、コードカバレッジの確保のみを直接の目標にすると弊害が大きくなり