Webエンジニアのブログ

CSSファイルや、JavaScriptを記述して読み込んでいる外部ファイル（JSファイル）は、半角スペースや改行、コメントなど、無駄を省くことでファイルサイズを軽くすることができます。ファイルを圧縮・軽量化（Minify）することで、ファイ...
続きを読む>>

Web制作でSassを導入してCSSを生成していく中、ディレクトリ構造（フォルダ・ファイル構成）をしっかり作っておくと、Sass(scss)ファイルの管理がしやすくなります。ここでは、Sassファイルを分割管理する方法について、Dart...
続きを読む>>

人気のプログラミング言語「Python」。Pythonプログラミングの学習や、Pythonでのアプリケーション開発を進めていくには、パソコンに開発できる環境を準備していく必要があります。ここでは、Windows PCにPythonをインスト...
続きを読む>>

長年利用しているMAMPのローカル開発環境も、時代に合わせて最新バージョンでテスト開発をしていくことが必要ですが、MAMPをアップグレードすることで最新バージョンのアプリケーションを利用していくことができます。今回は、Macのローカル開発環...
続きを読む>>

Sassの書き方も新しい機能が追加されアップデートする中で、Sassのコンパイル方法として、Sass公式がDart Sassを推奨しており、今後はDart Sassを利用していくことになるでしょう。ここではDart Sassを手軽にコンパイ...
続きを読む>>

Webサイトの各ページのURLの末尾にある拡張子。表示があったり表示がないWebページがあったり気になったことはあるでしょう。Webに詳しい方は、どの言語でどのように作られているかがだいたい想像できますが、この拡張子は特に表示させる必要がな...
続きを読む>>

CSSコーディングの作業効率を上げることができるSassは、コンパイルするのにGUIツールやコマンド操作といろんな方法がありますが、Visual Studio Codeの拡張機能「Live Sass Compiler」を利用することで、Sa...
続きを読む>>

Web制作からWebアプリケーション開発、またその他の開発でプログラムを書いていくのに、コードエディタは使いやすくないといけません。コードを書いていく中で、よく利用するコードや長いコードは、毎回書くのも大変だったりします。そこで、よく利用す...
続きを読む>>

プログラミングなどを学ぶ時、始めるときにまずつまずくのは、一番最初の開発環境の準備だったりします。MacはWindowsと違い、プログラミングを始める時の開発環境の準備が手軽にできたりしますが、Windowsはやることが多かったり手間がかか...
続きを読む>>

WebサイトやWebアプリケーション開発でよく使われるPHPスクリプト。変数でデータを管理してプログラムで処理していく中で、PHPで扱っている変数の値をJavaScriptでも利用したいこともあります。ここでは、PHPの変数の値をJavaS...
続きを読む>>