ITと農業の今を楽しむ!ちょっと変わった田舎ぐらしメディア

agrius(アグリアス) 佐藤農園 INAZUMA BLOG

 : HOME

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

Mac強化計画⑧

WEBデザイナーにWeboackやTypeScriptを使ったJavaScript開発環境は必要ありません。 設定や運用に手間がかかる分、仕事の効率化を邪魔してしまいます。 設定の手軽なBabel+Rollup環境なら、さくっと運用できて仕事の効率化間違いなしです。

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

Mac強化計画⑦

stylusはSCSSに比べタイプ量を体感2/3ぐらいまで減らせます。 stylusは日本でのユーザー数が少ないと言う以外にデメリットはないと個人的には思っているので、日々啓蒙活動に励んでいるところです。

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

vscode+yarn

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

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

Mac強化計画⑥

今やフロントエンドの世界では、テンプレートエンジンなしでHTMLコーディングするのは少数派になってしまいました。 そんなHTMLテンプレートエンジンの代表格が今回おすすめするpugです。 HTMLコーディングが格段にスピードアップしますので、未経験WEBデザイナーにもぜひ使っていただきたいツールです。

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

Mac強化計画⑤

HTMLの開発にはhttpプロトコルで表示できるサーバー環境が必要になります。 最近のワークフローではライブリロード環境を構築して、自動でブラウザをリフレッシュしながら開発していくスタイルが一般的になっています。 ライブリロード環境にもたくさんの選択肢がありますが、最も一般的なbrowser-syncをインストールについて紹介します。

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

よし!WEBデザイナーになろう!⑤

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

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

git-client

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

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

Mac強化計画④

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

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

Mac強化計画③

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

コラム:良い子なのでGulpの誤解を解きたい!

Gulpの誤解を解きたい!

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

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

Mac強化計画②

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

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

Mac強化計画①

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

田畑を耕しながら田舎でのんびりWEB開発?
若い頃から準備すれば誰にでもできますよ!
今に疲れているクリエイターの方々の少しでも参考になれば嬉しいです。