環境

ホームページでありがちなアニメーションをWebflowで実現してみる

Webflowはホームページをコーディングなしで作成できるNoCodeツールです。一般的にホームページは、HTMLとCSS、JavaScriptの3つの技術によって構成されていますが、Webflowを…

【コーダーから見たWebflow】実務レベルのホームページも実現可能なNoCodeツール

コーディングせずにホームページが作成できるNoCodeツールであるWebflowを触った感想です。わたしはフリーランスのWebコーダーとして約2年ほどHTMLやCSSのコーディング業務をしているのです…

webpackでEJSをコンパイルする方法

webpackでEJSをコンパイルする方法です!「Sassの出力をファイルを分離してCSSファイルを作成する」のように、webpackはHTMLファイルを生成することも可能となっています。 webpa…

webpackで画像を圧縮する方法

webpackで画像を圧縮する方法です。流れとしては、公開用フォルダに移動させてそちらのファイルを圧縮するといった形となります。 拡張させるだけの簡単作業なのでぜひ取り入れて見てください! なお、we…

【コーダー向け】webpackでSassをコンパイルする方法

webpackでSassをコンパイルする方法です。webpackはHTMLコーダーにあまり優しくない印象(偏見)がありましたが、結論から言うとやりたいことは十分にやらせてくれます。 具体的に実際にやっ…

PhotoshopのデザインカンプをZeplinに連動してコーディングしやすくする方法

Photoshopのコーディングは、テキストのコピーからCSSの確認など大変な部分が多いですよね。そもそもPhotoshopの操作に慣れていないから、あまり触りたくないという… 「Zepl…

【すぐできる】Wimax(モバイルWi-Fi)を固定IPにする方法

わたしはメイン回線をWimaxにしている(→ ノマドにおすすめ!通信制限なしのWiMAXで外でも家でも快適なインターネット環境を)のですが、1つ不便なことがあって、「IPが固定されずに変わってしまう」…

快適にサクサク動くMac用FTPツールは「ForkLift」がおすすめ(Diffも可)

個人的に好きだった「Yummy FTP」が使えなくなり、、、代替として「Forklift」を使ってみたのですが、これまた素晴らしいので紹介です。 Yummy FTPの保守が完全に止まってしまっているの…

npmでグローバルにインストールしてGulpを実行する方法

何十件とGulpでタスクを動かしながらコーディングしてきて、ある日ふと気づきました。 「あれ、毎回ほぼ同じタスクじゃね?」 今まで、プロジェクトごとにnpm installごっそりインストールしていま…

MacのFTPツール決定版!「Yummy FTP」で快適にサーバー接続しよう!

※ Yummy FTPの作者の方がお亡くなりになられたようで保守が止まっております。最新バージョンのMacでお使いいただく場合は、代替ツールとして「ForkLift」がおすすめです。 (ちょっとお高く…