Webエンジニアのブログ

そこまでクオリティの高い動画の編集・制作はできませんが、一部分をカットしたり動画を繋げたり、他にもテキストを入れたりと簡単な動画編集であれば、お高い有料の動画編集ソフトを使うよりも、無料のツールで動画編集できると、コストをかけずに済むでしょ...
続きを読む>>

今やコードエディタにもターミナル（コマンドプロンプト）機能が搭載され、Web制作やWebアプリケーション開発のほか、いろんな開発にはとても便利な時代です。無料で高機能なコードエディタで人気の、Microsoft製のVisual Studio...
続きを読む>>

PC作業中に簡単なメモを取りたい、または電話などの連絡が来て急にメモを取らないといけないなど、いろんな状況があるでしょう。 特に急ぎの時はバタバタして大変です。しかし、PCの機能やアプリケーションを使いこなすことで、こうした問題にもスマート...
続きを読む>>

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

多くのデバイスに対応させるWebサイトの制作では、CSSのメディアクエリを使ってレスポンシブWebデザインを実装していきますが、Sassを使ったWeb制作でも、ベースとなるスタイルの後にメディアクエリを使う、またはネスト（入れ子）でメディア...
続きを読む>>

英語などの語学を学習するにあたり、世の中にはいろんな学習方法がありますが、リアルな表現や発音を体験することができるTED Talksを使うと、今までの学習と合わせて、効率的な英語学習ができます。 TED Talksは、インターネットで世界中...
続きを読む>>

Webデザインの制作ツールとして、多くの現場で利用されているAdobe XD。デザイナーもそうですが、コーダーやプログラマーといった、フロントエンドやバックエンドに関わるWebエンジニアも、Adobe XDを扱うことがでてきます。 デザイン...
続きを読む>>

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

人気のプログラミング言語「Python」。Pythonは言語が簡単で読み書きしやすく、Windows、Mac、Linuxと主要OSでサポートされており、多くのプラットフォームで動作するのが特徴で、昨今では、AIを活用したデータ分析やIOT開...
続きを読む>>

Webサイトのコンテンツとして、とても重要な写真やイラストなどの画像。綺麗な写真をどのように見せて、写真コンテンツとして情報を伝えるか。写真もデザインの1つです。 アイコンやイラストなどの画像もそうですが、写真の画像も綺麗な画質でWebに載...
続きを読む>>