イマドキのコーダー環境構築2016CSS Nite LP47 Coder's High 2016 http://cssnite.jp/lp/lp47 「イマドキのコーダー環境構築」で発表したスライドです。 ※スライド上のURLリンクは効かないので、下部文字起こしから飛んでください。Read less
npm-scripts で Web フロントエンド開発を管理する - アカベコマイリ
gulp なしの Web フロントエンド開発から 1 年あまり。その間、特に問題もなく npm-scripts で Web フロントエンド開発を管理できているので、この間に得られた運用知見や所感などをまとめてみる。 npm-scrips とは？ 最近の Web フロントエンド開発では AltJS/AltCSSのビルドやリリース用イメージ作成などに Node.js + npm を利用することが一般化してきた。そのためプロジェクトは package.json で管理することになる。package.json の提供する代表的な機能として プロジェクト情報の定義 プロジェクトの成果物を npm として配布するための情報 プロジェクト名、バージョン、作者などのメタデータを定義する 依存モジュール管理 プロジェクトが依存する npm とバージョンを管理する この情報へ基づき npm install コ
最近のフロント系ビルドツールまとめ
JavaScriptタスクランナーを広めた Grunt grulnt GruntはRuby製のGuardに影響を受けて、後のタスクランナーに影響を与えました。 grantの設定ファイルは、初期化部分と実行タスクに別れ、それが故にコードが大きくなると可読性＆メンテナンス性が悪くなると言う弊害があります。しかし、タスクの責任範囲が明確になっているので、大きなプロジェクトでは各担当の管理部分がわかりやすいというメリットがあります。 1. グローバルにgruntのCLIパッケージをインストールします。 $ npm install -g grunt-cli 2. プロジェクトのディレクトリに移動し、npmコマンドでpackage.jsonを生成します。 $ npm init 2. gruntのパッケージをインストールします。 $ npm install grunt-contrib -save-dev
GWに復習したいフロントエンドエンジニア開発系勉強記事まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアの稲葉です。 世間はGWですが「どこかに行く気力もお金もないし、どこに行っても混んでるからもう引きこもるに限る」という方にぜひ読んでもらいたい、LIGブログの技術系記事をピックアップしてみました。 ゴロゴロするだけじゃもったいない！ GWの時間を、知識・技術のレベルアップにあててみませんか？ もちろん旅行や帰省の際の移動時間にもおススメです。携帯でも読めますので！（きっとPC開きたくなっちゃうだろうけど） 開発環境 ちょっと前まではクライアントサイドのビルドツールといえばgruntでしたが、最近はgulpに置き換わりつつあるのかなという印象です。 依存関係の管理もBrowserifyやwebpackと新しいものがどんどん出てきてめまぐるしいですが黒い画面と仲良くなると色々と幸せになれます。 gulpのおすすめ記事 「Gulp.js入門 – コーディングを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
