JavaScriptはBabel+Rollupで十分です！【WEBデザイナーのためのMac強化計画 #8】

TypeScript流行ってますね。 でも、WEBデザイナーにとって必須技術か？と問われると、正直微妙です。 TypeScript自体はJavaScriptの発展系と言えるので、JavaScriptの知識を無駄にするような言語ではありませんし、JavaScriptの理解も深まることは事実です。 また、TypeScriptの学習で得られる知識は、大規模プロジェクトで使われるような言語に取り組む際、少

CSSメタ言語はStylusがスタイリッシュ！【WEBデザイナーのためのMac強化計画 #7】

CSSメタ言語のスタンダードは、言わずと知れたSCSSエスシーエスエス（SASSサス）ですよね。 SCSSはCSSの知識の範囲で記述でき、CSSにない機能を提供してくれるので多くの人に受け入れられているのだと思います。 入れ子/変数/mixinといった部分は通常のCSSにないパワフルな機能だと思いますが、LPのようなページ数の少ないコンテンツではあまりそのパワーを引き出せません。 わざわざコンパイ

Visual Studio Codeでyarnをデフォルトにする

VSCodeはプラグインなしでもnpm-sccriptを簡単に実行できて便利です。 さらにデフォルトのパッケージマネージャをyarnに設定することもできます。 yarn派の方に超おすすめです。

Visual Studio Codeでyarnをデフォルトにする

VSCodeはプラグインなしでもnpm-sccriptを簡単に実行できて便利です。 さらにデフォルトのパッケージマネージャをyarnに設定することもできます。 yarn派の方に超おすすめです。

Pugで爆速HTMLコーディング！【WEBデザイナーのためのMac強化計画 #6】

私がpugを使い始めたのは2012年ごろからです。 当時はまだjadeという名前でしたが、HamlやEjsといった競合とも比較検討し一番手に馴染んだので、それ以来ずっとpug一筋です。 ![]( 逆にいうと、それだけ良いツールだと言えるのではないのでしょうか？ それでは早速インストールしていきましょう。 1. インストール 2. ファイル構成 3. タスクの作成 4. pugをコンパイルしてみよう

ライブリロード環境（ローカルサーバー）の構築【WEBデザイナーのためのMac強化計画 #5】

Mac強化計画シリーズも、いよいよ実践段階に入ってきました。 今回はライブリロード環境（ローカルサーバー）を構築します。 それでは早速手順をみていきましょう！ 1. GitHubにリポジトリを作成 2. デスクトップにクローン 3. .gitignoreの作成 4. プロジェクトの初期化 5. Gulpのインストール 6. ライブリロード環境の構築 GitHubにリポジトリを作成 (sample-

WEBデザイナーになるための学習方法【よし！WEBデザイナーになろう⑤】

WEBデザインの学習方法には、大きく分けて総合型WEBデザインスクールと単品方WEBデザインスクール、完全独学の3つがあります。 この記事では、それぞれの特徴について解説していきます。

WEBデザイナーにオススメのMacのGitクライアント5選

WEBデザイナーのみなさん、どんなGitクライアントお使いですか？ SourceTree派の方が圧倒的に多いような気がしますが、本当に良いのか？気になったのでMacで人気の5種類について比較検討してみたいと思います。

Gitをアップデートしよう！【WEBデザイナーのためのMac強化計画④】

ソースコードやテキストなどの変更履歴を記録/追跡するバージョン管理システムGit、WEBデザイナーにも必須のツールになってきていますよね。 そんなGit、Xcode版のバージョンが古いので、Homebrewで管理できるようにして最新バージョンを使えるようにしておきましょう。

Node.jsパッケージはYarnで管理する【WEBデザイナーのためのMac強化計画③】

Node.jsのパッケージ管理はnpmでできます。 ところがこのnpm、あまり評判がよろしくありません。 そこで、FaceBookが中心となり、新しいNode.jsのパッケージマネージャーYarnが開発されるに至ったのです。 互換性もあるので、パッケージ管理はYarnでやることをおすすめします。

コラム：良い子なのでGulpの誤解を解きたい！

私はフルスタックエンジニアとして、10年ほどタスクランナーの使用経歴があります。5年程前にはGulpを称賛する声も多かったのですが、いくつか誤解を招く情報があったこともあり最近あまり聞かなくなりました。毎日使っている私としては、とても良いものなので、誤解を解いてあげたいと強く願っています。是非内容確認してみてください。

Node.js環境を手に入れよう！【WEBデザイナーのためのMac強化計画②】

なんと私は、HTMLをコーディングするのに閉じタグを書いたことがありません。 そういった決まりきった作業は、全てNode.js実行環境を通して全て自動化しているためです。 作業の効率化のためにも、WEBデザイナーであれば、是非導入したいですね！

初めの一歩、Homebrewの導入【WEBデザイナーのためのMac強化計画①】

今や、WEB開発（フロントエンド）の現場において、コマンドラインツールの利用はあたりまえになっています。 しかし、その管理については、かなり煩雑で面倒な場面が多いです。 MacでHomebrew（パッケージ管理システム）を利用すれば、コマンドラインツールのパッケージを一元管理でき、開発に集中することが可能になります。

おすすめ：WEBデザイナーならDropbox Paperを使おう！

クラウドストレージのスタンダードであるDropbox、実はシンプルでとっても書きやすいDropbox Paperというエディター機能があるのをご存知ですか？ WEBクリエイターのワークフローにも大に役立つこと間違いなしです。

WEBデザイナーに必要なスキルとは？【よし！WEBデザイナーになろう④】

WEBデザイナーになるためには、経験は必要ありませんが、目標と知識は必要です。 具体的に必要な知識は、①グラフィック操作、②HTMLコーディング（HTML/CSS）、③基本的インフラの3つになります。

未経験でもWEBデザイナーになれる？【よし！WEBデザイナーになろう③】

WEBデザイナーになるには、経験値は問題になりません。 一流のデザイナーだって、最初はみんな未経験です！ ただし、知識ゼロからだと考えると、なれる可能性はほぼありません。 未経験と知識ゼロはイコールでないことを理解しましょう。

WEBデザイナーを続けられる人【よし！WEBデザイナーになろう②】

WEBデザイナーに向いている人、向いていない人という記事をよく見かけますが、なりたいと思って努力している人に、向いていない人はいません。 WEBデザイナーは、諦めずに一生懸命努力すれば必ずなれる職業です。

おすすめ：未経験者が揃えるべきWEBデザインツール

プロトタイピングツールは不要です！もし、あなたがWEBデザイナーを目指しているのであれば、おすすめはAdobe Creative Cloud コンプリートプラン一択です。 PhotoshopとIllustratorさえ習得してしまえば、あなたもWEBデザイナーの仲間入りです。