デザイナーにもお勧め！ CSSもThree.jsもタイムライン編集を可能にするTheatre.jsが凄い - ICS MEDIA

2024/08/28 176 users CSS ICS MEDIA three.js デザイナー ゴー

デザイナーにもお勧め！ CSSもThree.jsもタイムライン編集を可能にするTheatre.jsが凄い ウェブサイトの演出を作る上でアニメーションの実装は欠かせません。一般的には、CSSアニメーションやJavaScriptのライブラリ（GSAPジーサップなど）を用いてコードベースで動きをつけることが多いと思います。ですが、完全にコー... 続きを読む

BunはNodeより速いのか？ Misskeyで検証 | gihyo.jp

2024/08/19 11 users Bun Misskey node 後発 gihyo.jp

本連載では分散型マイクロブログ用ソフトウェアMisskeyの開発に関する紹介と、関連するWeb技術について解説を行っています。 今回はNode.js互換のJavaScriptランタイム、Bunのパフォーマンスについて、Misskeyのコードベースを用いて検証を行います。 Bunとは Bunは、Node.js（以下Node）互換である後発のJavaScriptラン... 続きを読む

TypeScript/JavaScriptの不要なコードを削除するツール「Knip」の紹介 - ベースマキナ エンジニアブログ

2024/07/25 19 users TypeScript package.json taro

こんにちは、taroです！ 今回は、ベースマキナのTypeScriptのプロジェクトで不要なコードの検知・削除で使用しているKnipについて紹介します。 Knip とは Knipは、TypeScript/JavaScriptのコードベースの不要なコードを検出するCLIツールです。 以下が検出できる不要なコードの例です。 package.jsonのdependencies/devD... 続きを読む

コードを元にプリント基板を設計できるツール「atopile」がリリースされる、どんなメリットがあるのか？

2024/02/07 21 users YouTube GitHub コラボレーション デモムービー

コードベースでプリント基板を設計できるツール「atopile」が登場しました。atopileを使えば、必要な仕様を記述するだけでパーツを自動選択したり、GitHubを使用して複数人でコラボレーションを行ったりできます。 Code to Electronics - atopile https://atopile.io/ atopileの開発者がデモムービーをYouTubeにアップロ... 続きを読む

Next.js App Router と控えめにお付き合いして普通の Web アプリを配信する | Offers Tech Blog

2024/01/12 15 users Next.js App Router web アプリ 内容

まずは長いものに巻かれたいときもある Offers を運営している株式会社 overflow の あほむ でございます。 先日 コードベースのディレクトリ構成にフォーカスした記事 を公開した関連記事として、Next.js App Router をどのように取り扱っているかについてご紹介します。 【AD?】今回の記事の内容を含んだり含まなかっ... 続きを読む

結合テストを書くときはコードベースを分離している

2024/01/09 140 users 結合テスト

新規開発の設計支援や古いコードベースを甦らせて欲しいという相談をもらったときに、最初にちょろっとコードだけお手本的なコードを書いてから引き渡しているのだが、そのときに必ずテストを書くようにしている。 3, 4年前から僕と付き合いがある人からすると、 「「「あの sadnessOjisan がテストを書くだと！！！」」... 続きを読む

Web フロントエンドの推しディレクトリ構成と Next.js App Router なコードベース | Offers Tech Blog

2023/12/18 80 users ディレクトリ構成 フロントエンド web overflow

Offers を運営している株式会社 overflow の あほむ でございます。暖冬と言われつつもすっかり寒い季節ですね。おかげさまで割と走っているほうの師です。（師走） n 年ぶり n 回目の Web フロントエンド 最後にメイン開発者の立場でコードをスクラッチしたのいつだったっけ？と遡ると 2018年ごろのブログ記事 がでてき... 続きを読む

GitHub Actions と Datadog でコードベースの定点観測

2023/10/31 6 users Datadog 定点観測 GitHub Actions

2023/10/31 フロントえんどう 続きを読む

npm workspacesで、TSファイルを共通モジュールとして使い回す | Memory ice cubes

2023/10/10 16 users Memory ice cubes tsファイル MyApp

ということをやりたくて、こうやったらできたという覚書。 やりたいこと こういうモノレポ構成とする。 - package.json - package-lock.json - packages - shared - app1 - app2 で、app1にあるコードベースを@myapp/app1とした場合、@myapp/sharedに置いたTSファイルを、そのままモジュールとして利用したいとする。 im... 続きを読む

強い思想: Go を Web 開発に採用する上で

2023/09/09 238 users 思想 ミドルウェア web 開発 領域

Go は Web 開発に向いているか？ 最も向いている領域は「CLI ツール」「ミドルウェア」「マイクロサービス」だと思っている。なぜならそれらはコードベースを比較的小さく抑えることを前提としているからだ。 Go は大きなコードベースを抱えやすい設計の言語になっていない。 ミドルウェアとマイクロサービスに関しては... 続きを読む

React + TypeScript: Framer MotionのvariantsでDOMツリーに調和したアニメーションを加える - Qiita

2023/07/19 6 users Qiita React TypeScript 構文 コード

React + TypeScript: Framer MotionのvariantsでDOMツリーに調和したアニメーションを加える Framer Motionは、本番環境に対応したReact用のモーションライブラリです。構文は宣言的で、複雑なアニメーションのコードも簡潔に書けます。つまり、コードベースが読みやすく、保守しやすいということです。 ライブラリの基... 続きを読む

既存のバンドラの手法は間違っている | POSTD

2023/01/31 6 users POSTD アプリケーションコード 既存 手法 パンドラ

最近のバンドラは、アプリケーションコードのどの部分をいつ遅延読み込みするかを開発者が決めなければなりません。 開発者は以下のように、コードベースにdynamic importを挿入することによって、遅延読み込みをする場所とタイミングを決定します。 async function doSomething() { const chunk = await import('./my-c... 続きを読む

メルカリの取引ドメインにおけるモジュラーモノリス化の取り組み

2022/09/13 10 users メルカリ RFS 連載 バックエンドエンジニア 前回

この記事は「連載：連載：技術基盤強化プロジェクト「RFS」の現在と未来」として書かれたものです。 メルカリのトランザクションチームでバックエンドエンジニアをしている @adachang です。今回は前回の記事に引き続き、メルカリの取引ドメインに属するコードベースのメンテナンス性・拡張性を改善するための取り組みを... 続きを読む

コードを美しく保つ：独自の C# コードスタイルを作成する方法 | Unity Blog

2022/09/08 9 users Unity Blog コード コードスタイル 方法 うえ

Unity C# のコードフォーマットの方法は複数ありますが、プロジェクトで一貫したコードスタイルを取り決めておくことで、チームはクリーンで読みやすく、スケーラブルなコードベースを作り上げることができます。このブログでは、独自のコードスタイルガイドを作り、それを維持するうえで使えるガイドラインと例をいくつ... 続きを読む

Yarn Workspacesを利用したMonorepo環境の構築 | PR TIMES 開発者ブログ

2022/08/22 7 users Yarn Workspaces Frontend やなぎ

こんにちは、フロントエンドエンジニアのやなぎ（@apple_yagi）です。 今年（2022年）の4月頃に、PR TIMESのフロントエンド開発基盤の構築を行い、各プロジェクトのリポジトリに散らばっていたReactで実装しなおした Frontend のコードベースを一つのリポジトリに集約することができました。 PR TIMESにおけるフロントエ... 続きを読む

zx + Datadog + GitHub Actions でフロントエンドのコードベースの健全性を可視化する

2022/06/23 9 users Datadog GitHub Actions 指標 各指標

フロントエンドのダッシュボードを作ってみたらいい感じだったので紹介です。 作ったもの zx と Datadog、GitHub Actions を使って以下画像のように、フロントエンドのコードベースの各指標を可視化するダッシュボードを作りました。 値はデモ用に書き換えています 現在、計測している指標はこちらです。 Vue SFCファイ... 続きを読む

FlutterとReact Native、どちらに勢いがあるのか　そしてDartは

2022/06/10 22 users Dart オープンソースフレームワーク Flutter 勢い

調査会社のRedMonkは2022年5月16日（米国時間）、Google主導で開発されているオープンソースフレームワーク「Flutter」の動向を分析、解説した。Flutterの目的は、単一のコードベースから、ネイティブにコンパイルされた高速で美しいクロスプラットフォームアプリケーションを作成できるようにすることだ。 RedMonkが202... 続きを読む

Ubie Discovery における組織開発をソフトウェア開発的に理解する

2022/01/04 17 users Ubie Discovery tl;dr 解像度 不確実性

TL;DR 組織開発の中でも特に組織構造を最適にするという点に注目する 変化が早いスタートアップ企業では、問題に対する解像度が高く課題感を感じている人が組織構造を変更できる仕組みがあると不確実性の変化への対応力が高まる Ubie Discovery での組織開発は、組織をコードベースに見立てて PR を送りそれを反映するこ... 続きを読む

こういうのでいいんだよ、な JavaScript日付時刻ライブラリ Qrono

2021/11/04 8 users ECMAscript ロケール Internation 特徴

Qronoの特徴 🎨 タイムゾーンとロケールの対応を捨てた軽い日付時刻ライブラリ。 他のライブラリはタイムゾーンとロケールに対応するためにコードベースが巨大になったり使い方が複雑になったりしがち。 ほとんどの場合、クライアント環境のタイムゾーンにだけ対応できれば十分。 ロケール対応はECMAScript® Internation... 続きを読む

GitHub開発チームでのCodespacesの利用 - GitHubブログ

2021/08/30 12 users Codespaces GitHub GitHubブログ 利用

先日github.comのTeamとEnterprise CloudプランでCodespacesがご利用いただけるようになりました。Codespacesはソフトウェアチームに対して、クラウド上でより速く、よりコラボレーティブな開発環境を提供します。詳しくはCodespacesのページをご覧ください。 GitHub.comのコードベースはもうすぐ14歳になります。GitHub... 続きを読む

POSTDをGatsby.jsベースに変更しました | POSTD

2021/04/28 29 users POSTD Gatsby.js ニジボックス 前述 リクルート

POSTDの運用がリクルートからニジボックスに移管される際に、デザインのリニューアルと同時にコードベースをGatsby.jsに変更しました。 本記事では、運用移管に至るまでの過程を踏まえつつ、現在のPOSTDの構成を紹介します。 移管前のPOSTD 前述の通り、POSTDは株式会社リクルートのインキュベーション部門Media Technol... 続きを読む

コードベースのどのへんを触ったことがあるかを一覧する - 見返すかもしれないメモ

2021/04/20 20 users ペン ファ メモ 土地勘 コミット数

今所属してるチームに入ってから1年が経った。開発してるサービスのコードベースの中でも、「このへんはわりと土地勘がついてきたな」という場所と「ここはまだ全然わからん」という場所が混在している感じになってきた。 自分がまだ触ったことないのはどのあたりかを知りたかったので、今までの自分のコミット数をファ... 続きを読む

TypeScriptがJavaScript上で構築される方法を学ぶ、新TypeScriptハンドブックが正式版に：CodeZine（コードジン）

2021/03/09 6 users CodeZine TypeScript 一環 エンジニア 目的

TypeScriptハンドブックは、TypeScriptのドキュメント拡充の一環として作成されており、ほとんどのコードベースに表示されるTypeScriptコードのガイド付きツアーとなっている。 同ハンドブックは、TypeScriptがJavaScript上に構築される方法を、エンジニアが理解できるようにすることを目的としており、JavaScriptの機能... 続きを読む

Googleがあらゆるプラットフォーム向けにネイティブアプリを開発できる「Flutter 2」を発表 - GIGAZINE

2021/03/04 16 users ネイティブアプリ GIGAZINE Flutter ソース

Googleがオープンソースのアプリケーションフレームワーク「Flutter」のメジャーアップグレード版となる「Flutter 2」を発表しました。単一のコードベースからモバイル・ウェブ・デスクトップ向けにネイティブにコンパイルされたアプリケーションを開発可能です。 Google Developers Blog: Announcing Flutter 2 https:/... 続きを読む

僕の考えた最強のTUI grepツールを作った - ぴょこぴょこブログ

2021/02/16 28 users 最強 IntelliJ vscode ブログ プロジェクト

大きなコードベースを持ったプロジェクトでコードを書くとなった時に、書くのと同じくらい(またはそれ以上に)コードを読むことになると思います。 なので、コードの検索ツールの良し悪しは生産性に直接的に影響してくると言えるでしょう。 VSCode へのお気持ち 僕は普段はIntelliJを使っていて、その検索ツールの出来(も... 続きを読む