Mile Stones

駆け出しのWebデザイナーが知って得した情報を紹介します。

Web Design / Frontend / Backend / Code Management

2019-01-01から1年間の記事一覧

Bootstrapを使ったフロントエンド開発入門【スタイリング編】

BootstrapではWeb制作で頻繁に使うタイポグラフィー、画像、表組み、フォントサイズ、マージン、パティングなどのスタイルが予め設定されています。これらの定義済みスタイルを用いることで高速に要素のスタイリングができます。解説の内容は以下Codepenにサ…

Bootstrapを使ったフロントエンド開発入門【レイアウト編】

Bootstrapではグリッドシステムと呼ばれるレイアウト手法が採用されています。この概念を知る為にはまずコンテナー "container" やカラム "colum" 、ガター(溝) "gutter" について学ぶ必要があります。解説の内容は以下Codepenにサンプルを用意しているの…

Bootstrapを使ったフロントエンド開発入門【導入編】

Webフロントエンド開発においてフレームワークを使わない機会というのは年々少なくなってきていると思います。むしろ昨今のWeb制作ではフレームワークを使って少ない費用と短い期間で必要最低限の機能を実装してリリースするというパターンがベターとされて…

Nuxt.jsを使ったWebアプリ開発を始めてみよう【導入方法】

今のフロントエンド界隈で注目を集める Vue.js(jsライブラリの一つ)には Nuxt.js と呼ばれるフレームワークが存在します。普段Web制作に携わっている方ならば一度は聞いたことがあるのではないでしょうか?実はこの Nuxt.js は公式に提供されているもので…

Gitでの変更の取り消し方

Gitでバージョン管理をしているとステージしちゃったけど元に戻したい、コミットしちゃったけどやっぱりやり直したいという状況になることがあると思います。今回はそんな時にどうすれば良いのか解説していきたいと思います。Gitを使っていて変更を取り消す…

Gitコマンドの入力をエイリアスを使って短縮しよう

Gitでのバージョン管理をコマンドラインで行うとなるとやはりそれぞれのコマンドを短縮したいと思うことが多々あるかと思います。特に良く使うgit コマンドなどは少ない文字数で打ち込めると便利です。記事タイトルにあるエイリアスとはコマンドを別名で登録…

Gitでのバージョン管理について

Webサイト製作やアプリケーション開発などITに関わる仕事をしているとGitという言葉を耳にしたり目にしたりすることがよくあるのではないでしょうか?今回はGitとは何者なのかとGitを利用することのメリットについて紹介したいと思います。また最後にGithub…