タグ ディレクトリ構成
人気順 5 users 10 users 100 users 500 users 1000 usersWeb フロントエンドの推しディレクトリ構成と Next.js App Router なコードベース | Offers Tech Blog
2023/12/18
80 users
フロントエンド
Next.js App Router
暖冬
Offers を運営している株式会社 overflow の あほむ でございます。暖冬と言われつつもすっかり寒い季節ですね。おかげさまで割と走っているほうの師です。（師走） n 年ぶり n 回目の Web フロントエンド 最後にメイン開発者の立場でコードをスクラッチしたのいつだったっけ？と遡ると 2018年ごろのブログ記事 がでてき... 続きを読む
フロントエンドのディレクトリ設計思想
2023/12/04
108 users
ディレクトリ設計
趣旨
フロントエンド
パターン
構成
はじめに フロントエンドのディレクトリ構成、世の中に色んな「推し」が有って悩みますよね。 例えば、、、 さらに最近は、App Directoryの登場や、それに合わせたNext.js公式の「推し」構成がドキュメント化されたりと、さらに色々なパターンが出てきています。 本記事の趣旨 本記事では、具体的な構成そのものではなく... 続きを読む
React プロジェクトのディレクトリ構成 - fsubal
#React #フロントエンド #設計 #React プロジェクトのディレクトリ設計をもう5〜6年同じようなディレクトリ構造でやっている 1個のプロジェクトではなく複数のプロジェクトで全部同じような感じ それであまり困ったことがない のでどんな感じにしているかをメモしていく だいたい以下の構造で作る code:plaintext /src /... 続きを読む
研究のためのPython開発環境
2022/11/04
294 users
Python開発環境
研究
vscode
ベストプラクティス
注：本書籍は執筆途中です。 この書籍は、とにかく筆者の知りえる研究開発関連の知識をすべて吐き出すことを目的に書かれています。 Pythonを用いた研究を進めるのに必須の環境構築＆開発手法の個人的ベストプラクティスをまとめました。 実行環境の構築/ディレクトリ構成/プログラムの整備/vscodeでのデバッグなど、と... 続きを読む
Terraform を管理するリポジトリのディレクトリ構成とその思想 - Mobile Factory Tech Blog
2022/10/28
55 users
Terraform
リポジトリ
ガレージ
インフラ
思想
こんにちは。ブロックチェーンチームのソフトウェアエンジニアの id:odan3240 です。 tech.mobilefactory.jp 上記の記事で紹介した通りユニマ/ガレージのインフラは Terraform で管理されています。 この記事では Terraform を管理するリポジトリのディレクトリ構成とその思想について紹介します。 前提 Terraform を管... 続きを読む
私のフロントエンドディレクトリ構成・テスト観点 2022
2022/06/24
217 users
Components
近日
Next.js
サンプルコード
近日連投していた Next.js 記事のサンプルコードを公開しました。このサンプルコードを元に、私のフロントエンドディレクトリ構成・テスト観点を紹介します（あくまで執筆現在の脳内アウトプットになりますのでご了承ください） Components「アクセシビリティ観点でテストを書く」 Components のディレクトリ構成はいつ... 続きを読む
少しずつ育てるGo言語のプロジェクト構成
2022/05/28
98 users
Go言語
プロジェクト構成
リボ
意図
タイミング
この記事は何 Go言語を書いたことがある方も、興味はあるけど触ったことがない方もこんにちは。 Goに限った話ではないと思いますが、ガリガリコードを書いていて、あるタイミングで気になるのがプロジェクト構成（ここではディレクトリ構成の意図）ではないでしょうか？ それを裏付けるかのように、Go界隈では以下のリポ... 続きを読む
私の推しフロントエンドディレクトリ構成と気をつけたいポイント
2022/05/22
181 users
React
ポイント
ベストプラクティス
パターン
構成
どうも、sakitoです。 今回は私の推しフロントエンドディレクトリ構成と気をつけたいポイントを紹介します。ちぇけら！ はじめに 今回、私の紹介する推し構成は、機能単位で設計するパターンです。 Reactのディレクトリ構成のベストプラクティスを集めたBulletproof Reactで紹介されているパターンにかなり似ています。... 続きを読む
Reactのディレクトリ構成でAtomicデザインをやめた話
2022/03/31
74 users
React
つらみ
部類
概念
結論
Atomic デザインをやめた 結論から言うと Atomic デザインを React のディレクトリ構成に当て込むのをやめました。結構ツラミが出てきてしまった感じです。とはいえ、Atomic デザインを批判するわけではなく、むしろ概念というか考え方は好きな部類です。 あくまでデザインシステムであり、ディレクトリ構成に当て込むべ... 続きを読む
React Componentの推しディレクトリ構成について語る
2021/10/29
120 users
React Component
component
単体
こんにちは、よしこです。 この記事は 2020年に立ち上げたWebフロントエンド構成の振り返り の「Componentのディレクトリ構成」項の詳細記事です。単体でも読めますが、よければ元記事もあわせてどうぞ！ この記事では、今わたしが 株式会社ナレッジワーク というスタートアップで開発・運用しているプロジェクトにおい... 続きを読む
Goにおける最適なディレクトリ構成はもはやこれだと思う - Qiita
2019/11/18
151 users
Qiita
DDD
ヘキサゴナルアーキテクチャ
趣旨
サンプル
はじめに さも自分で考え付いたかのようなタイトルですが、『Standard Go Project Layout』と『ヘキサゴナルアーキテクチャ』を取り入れただけです・・・ 大げさなタイトル1回やってみたかった・・・ 簡単に記事の趣旨を説明すると、Goっぽくて・DDDもやりやすくて・ヘキサゴナルアーキテクチャなので柔軟な形のサンプル... 続きを読む
Re-ducksパターン：React + Redux のディレクトリ構成ベストプラクティス
2018/10/11
245 users
redux
React
ベストプラクティス
バター
パターン
Re-ducks というディレクトリ構成のベストプラクティスについてまとめる。Re-ducksパターンを使うことで、React + Redux を用いた開発がよりメンテナンスしやすいものになる。 Ducks パターン 名前からもわかるように、Re-ducks は Ducks というパターンをベースにしている。 erikras/ducks-modular-redux Ducks パター... 続きを読む
大規模Vue.jsアプリを開発するときのディレクトリ構成考えた
2018/06/18
184 users
vue-cliのwebpackテンプレートをベースにしてます。 https://github.com/vuejs-templates/webpack/tree/develop/template srcディレクトリ以下は構成をいじっていますが、ルートディレクトリは基本的に webpackテンプレートのままです。 Root:: ├─build ├─config ├─dist ├─static ├─test ├─src │ ├─assets │ ├─component... 続きを読む
データサイエンスプロジェクトのディレクトリ構成どうするか問題
あるいは、論文 “ Best Practices for Scientific Computing ” および “ Good enough practices in scientific computing ” について。 TL;DR 標題の件について、未だに答えは見えていないのだけど、自分の現状と他の人の例を文字で残しておく。 こういう話で「あーその手があったかー！」と知ったときの興奮はすごいの... 続きを読む
Chromium のソースコードの歩き方
2017/11/30
193 users
Chromium
オープンソー
codereading
初日
Chromium のソースコードの歩き方 Dec 1, 2017 | #codereading #web これは Chromium Browser アドベントカレンダー の一日目の記事です。初日ということで、本記事では Chromium のソースコードを読む上で役に立つであろう、プロジェクトのディレクトリ構成やファイル構成を紹介します。 Chromium とは？ Chromium とはオープンソー... 続きを読む
Chromium のソースコードの歩き方
2017/11/30
193 users
Chromium
オープンソー
codereading
初日
Chromium のソースコードの歩き方 Dec 1, 2017 | #codereading #web これは Chromium Browser アドベントカレンダー の一日目の記事です。初日ということで、本記事では Chromium のソースコードを読む上で役に立つであろう、プロジェクトのディレクトリ構成やファイル構成を紹介します。 Chromium とは？ Chromium とはオープンソー... 続きを読む
Web アプリの JavaScript の初期化処理をどうまとめるか – r7kamura – Medium
2017/11/11
63 users
medium
エントリポイント
client
web
アプリ
Web アプリの JavaScript の初期化処理をどうまとめるか いわゆる JavaScript のエントリポイントを、自分の場合はどういうパターンで管理しているかについて。 ディレクトリ構成 自分の場合、次のようなディレクトリ構成でまとめていることが多い。 client/javascripts/entryPoints/*.js client/javascripts/initializers/... 続きを読む
小〜中規模サイトのフロントエンド・コーディング規約 CSS・JavaScript編 - Qiita
2017/03/14
462 users
CSS
保守
コーディング規約
CSS編
Qiita
関係者が10名以下の小〜中規模案件の開発・保守が多い弊社のCSS・JavaScript規約（にしたい）です。 長くなってしまったので、コーディング規約もようやく最後です。 ↓関連 環境構成編 HTML編 CSS、JavaScript は数年で書き方が変わってしまうので、 半年ごとに規約の見直しができると理想ですね。 小〜中規模サイトのフロントエンド・コーディング規約 CSS編 ディレクトリ構成 C... 続きを読む
既存のコードの理解が捗るChrome DevToolsの使い方 - kitak.blog
2016/05/07
141 users
Chrome DevTools
既存
kitak.blog
2016 - 05 - 07 既存のコードの理解が捗るChrome DevToolsの使い方 FrontEnd JavaScript jQuery 系ライブラリによるDOM操作が主なプロジェクトにがっつり機能を追加する機会があった。 その JavaScript のコードは他の人から引き継いだコードで、一応引き継ぎ時にディレクトリ構成、設計結果、実装方針について共有を受けたが、それでもいざ手を入れよ... 続きを読む
Go 言語のプロジェクト構成 - fugafuga.write
2015/11/02
89 users
プロジェクトディレクトリ
言語
プロジェクト構成
バイナリ
Go のプロジェクトのディレクトリ構成などについて プロジェクト構成 プロジェクトディレクトリをgo_workとする。 go_work ├── bin -> go install 時にバイナリが格納される ├── pkg -> 依存パッケージのオブジェクトファイル格納場所 └── src -> ソースコード格納場所 上記3つのディレクトリがあることが前提。 環境変数$GOPATHにプロジェクトディ... 続きを読む
Android Best Practices のディレクトリ構成を作れるテンプレート作った - tomoima525's blog
2015/07/18
67 users
テンプレート
tomoima525's blog
実際
広告
2015-07-18 Android Best Practices のディレクトリ構成を作れるテンプレート作った android 開発 Android Studioでプロジェクトを新規で作る時、テンプレートは何を選択していますか？ テンプレートには自動でNavigation Drawerを生成してくれるものや、最近だと広告をつけてくれるものなど色々ありますが、実際のところ、Add No Activ... 続きを読む
Python製コマンドラインツールのディレクトリ構成について。その考察。 - カイワレの大冒険 Second
2015/01/14
101 users
カイワレ
SECOND
考察
大冒険
はじめに 去年ぐらいからPython製のコマンドラインのツールをいくつか作っていて、構成もだいぶ固まってきたので、まとめてみる。規模としては1ファイルでは終わらないぐらいで、関数の数も数十になってユーティリティを作ったり、クラスをいくつか作らないと、保守がしにくいような規模のものを想定しています。工数としては1日では終わらないけど、2週間はかからない程度の規模を想定。 構成 ということで、まず構成... 続きを読む
Ansibleを使い出す前に押さえておきたかったディレクトリ構成のベストプラクティス - 双六工場日誌
2015/01/05
425 users
結論
ステージング環境
プロダクション環境
メモ
環境ごと
2015-01-06 Ansibleを使い出す前に押さえておきたかったディレクトリ構成のベストプラクティス Ansible Ansibleのディレクトリ構成を決める際、プロダクション環境、ステージング環境、開発環境といった環境ごとに異なる設定を変更する方法でしっくり来るものを思いつかず、どうしたものかと悩んでいたのですが、今日見つけたブログ記事でそれもスッキリ解消したのでメモっておきます。 結論 ... 続きを読む
YACP: よりオブジェクト指向なCSS設計のためのプリプロセッサー - morishitter blog
2014/12/01
51 users
セレクタ
CSSプリプロセッサー
命名規則
記述
投稿
2014-12-02 YACP: よりオブジェクト指向なCSS設計のためのプリプロセッサー この投稿はCSS Architecture Advent Calendar 2014の2日目の記事です。 よりオブジェクト指向なCSSの記述を助ける、YACPというCSSプリプロセッサーを作っています。具体的な、セレクタの命名規則やディレクトリ構成の話ではないです。 Object Oriented CSS ... 続きを読む
sinatra ですぐにアプリケーションの実装に入れるようにするための準備 - Studio3104::BLOG.new
2014/11/03
97 users
Sinatra
テンプレートエンジン
Slim
実装
ビュー
2014-11-04 sinatra ですぐにアプリケーションの実装に入れるようにするための準備 背景 自分が仕事で書く WEB アプリケーションは多くの場合が小粒で、何か書く場合には sinatra を使っています。 さらにテンプレートエンジンは slim で、ビューが必要な場合は twitter bootstrap を使って書きます。 で、新規で何か書き始める時に、それっぽいディレクトリ構成を... 続きを読む