tdkm

■職業 : Webデザイナー / Webゲームクリエイター ■活動拠点 : 東京

tdkm

■職業 : Webデザイナー / Webゲームクリエイター ■活動拠点 : 東京

マガジン

  • プロダクトマネジメント 〜Get Wild〜

    「プロダクトマネジメント」というポジションが無いと、チープなスリルに身を任せても明日に怯えることになります。アスファルトタイヤを切りつけながらnoteにまとめています。 この街で不自由なプロジェクトもてあましたくは無い。

記事一覧

[Sass] 「@for」と「変数」を使うとmargin/paddingの管理が楽になります。

「marginの値をclassで決めておいて、HTMLにはclassを記述する」というスタイルのコーディングがあります。 具体的には CSSで 「.mt-30px」というclassに「margin-top:30p…

tdkm
2年前
1

フロントエンド開発環境を作ろう(ES6用・超初心者向け)

自分のPCにある作業フォルダを、フロントエンド開発の「プロジェクトディレクトリ」にしていく工程です。 上から順にやっていけば出来上がります。 超初心者向けです。 前…

tdkm
4年前
[Sass] 「@for」と「変数」を使うとmargin/paddingの管理が楽になります。

[Sass] 「@for」と「変数」を使うとmargin/paddingの管理が楽になります。

「marginの値をclassで決めておいて、HTMLにはclassを記述する」というスタイルのコーディングがあります。
具体的には

CSSで 「.mt-30px」というclassに「margin-top:30px」を設定し、

.mt-30px{ margin-top: #{$step}px;}

HTMLで「class="mt-30px"」指定すると上のマージンが30pxになる、という

もっとみる
フロントエンド開発環境を作ろう(ES6用・超初心者向け)

フロントエンド開発環境を作ろう(ES6用・超初心者向け)

自分のPCにある作業フォルダを、フロントエンド開発の「プロジェクトディレクトリ」にしていく工程です。
上から順にやっていけば出来上がります。
超初心者向けです。

前提- VSCodeを使います。
- Node.jsはインストール済みとします。
- 主な作業はVSCodeのターミナルで作業します。
- GitHubのアカウントは取得済とします(Git使う場合だけ)

STEP1 : PCに作業フォ

もっとみる