タグ

ブックマーク / www.codegrid.net (5)

  • チーム開発に効く環境構築術 | 第1回 EditorConfigのススメ

    次にそれぞれのプロパティの意味を解説します。 root trueに設定することで、上位階層の.editorconfigを探索しなくなります。 .editorconfigの保存先がプロジェクトのルートディレクトリの場合はtrueに設定します。 indent_style インデントの種類を指定します。 tabかspaceのみ指定可能です。 indent_size 1インデントの幅を数値で指定します。数値は半角スペースの文字数を表します。例えば、2と指定すれば、1インデントの幅は半角スペース2つ分になります。indent_sizeの値にtabを指定した場合は、tab_widthで設定した値が使用されます。 tab_width インデントがタブの場合の、1インデントの幅を正の整数で指定します。 ただし、indent_sizeが指定されている場合は、その値がデフォルト値となるため、tab_width

    チーム開発に効く環境構築術 | 第1回 EditorConfigのススメ
  • 価値あるCSSの設計と運用のために | 第1回 まず、どうやっています?

    価値あるCSSの設計と運用のために 第1回 まず、どうやっています? 10人のエンジニアがいたら、10通りの進め方があるとも言えるCSSの設計。どのような設計や運用がベターか知りたい人もいるのではないでしょうか。その一端を、座談会形式で話してもらいました。 はじめに このシリーズでは、CSSを設計/運用していくというテーマで、どんなことに注意しているかを話してもらいます。 第1回目となる今回は、設計に入るときに確認したいことです。対応ブラウザやコーディングルールなどの技術面のほかに、デザインカンプや仕様書に「まだ」出ていない情報をどこまで汲み取るのかという「気遣い」「空気を読む」などの話題も出ています。 参加者は、ピクセルグリッドのエンジニア5名です。 高津戸 壮(@Takazudo) 小山田 晃浩(@yomotsu) 山田 敬美(@tacamy) 坂巻 翔大郎(@GeckoTang) 中

    価値あるCSSの設計と運用のために | 第1回 まず、どうやっています?
  • 現場で使えるgulp入門 | 第1回 gulpとは何か

    現場で使えるgulp入門 第1回 gulpとは何か さまざまな作業を自動化するビルドシステムgulpの基礎を解説します。第1回目は、gulpとは何か? 自動化のメリットはどこにあるのか概観。インストールから簡単なタスクを走らせてみます。 はじめに このシリーズでは、JavaScriptで書かれたビルドシステムであるgulp(ガルプ)について、導入から使い方など、基的な部分を解説します。 なお、記事執筆時点のgulpのバージョンは3.8.7です。 第1回目では、まず、なぜgulpのようなツールが必要なのか、ツールの背景に触れます。さらにgulpの概要と、環境設定を中心に解説します。 gulpとは gulpはNode.jsをベースとしたビルドシステムヘルパーです。以前CodeGridでも紹介したGruntと似た目的を持って作られたツールで、gulpを使えばさまざまな作業を自動化することができ

    現場で使えるgulp入門 | 第1回 gulpとは何か
  • Web制作者のためのGit入門 | CodeGrid

    Web制作における作業ファイルなどのバージョン管理をするシステム、Git(ギット)の初歩的な使い方を解説。普段、コマンドライン入力を使わない人でも使えるようGUIツールで例示しています。

    Web制作者のためのGit入門 | CodeGrid
  • Web制作者のための実践Git | 第1回 適切な履歴の作り方

    上記の例の場合、変更した箇所が近いため同じhunk(変更の塊)として表示されています。ですので、hunkをさらに分割する必要があります。そのためにはsを選択します。そうすると次のような表示になります。 Split into 2 hunks. @@ -1,5 +1,5 @@ <ul> <li><a href="/">Home</a></li> - <li><a href="/about.html">About</a> + <li><a href="/about.html">About</a></li> <li><a href="/help.html">Help</a></li> </ul> Stage this hunk [y,n,q,a,d,/,j,J,g,e,?]? 変更が分割されて閉じタグ忘れだけの変更が表示されています。ここでyを押してこの変更をステージングします。すると次は以下の表

    Web制作者のための実践Git | 第1回 適切な履歴の作り方
  • 1