Webエンジニアのブログ

手軽にローカル開発環境がPCに構築できるMAMP。Web制作やWebアプリケーション開発、またPHPなどのサーバーサイドスクリプトを学んでいる方は利用されていることでしょう。 MAMPに搭載されているWeb ServerのApachやNgi...
続きを読む>>

最近では多くのWebアプリケーションが、ネイティブアプリのように利用できるPWA（プログレッシブウェブアプリ）に対応してきています。Google Meetの他、Google DriveやGoogle Chat、YouTube、Twitter...
続きを読む>>

無料のGoogleアカウントや有料のGoogle Workspace等でもよく利用するGmail。Gmailを使いこなす上で、いろいろと知っておきたい設定・機能がありますのでご紹介していきます。 Google Workspaceなどの有料プ...
続きを読む>>

Webで利用できる画像フォーマットは、昔ながらのJPEGやGIF、PNGとありますが、昨今ではWEBPやAVIFといった軽量な画像形式も使われるようになり、徐々にではありますが多くのWebブラウザに対応してきました。 さらに、2019年ごろ...
続きを読む>>

Adobe Premiere Proでの動画編集で、情報をわかりやすく動画で発信できるように、キャプションを挿入していくこともあります。Premiere Proの自動文字起こし機能を利用することで、自動で音声をテキスト化できます。 動画に文...
続きを読む>>

iPhoneやiPad、またはMacのPCを利用している方は、macOSやiOS、iPadOSの標準のメモアプリを一度は使ったことがあるでしょう。 仕事のメモだったり、何かの学習のメモだったり、細かくフォルダ分けして管理できたり、Apple...
続きを読む>>

昨今のWeb制作では、CSSを効率的に書くことができるSass（SCSS記法）で記述する手法を採用しているところも増えておりますが、Sassの書き方も新しい機能が追加されたり、時代によってアップデートされます。 Sassのコンパイル方法とし...
続きを読む>>

Webサイトで画像を利用していく中で、使用する画像データの解像度やアスペクト比（縦横比）によっては、 サイズがバラバラだったりして、利用しにくいことがあります。 Webデザインを制作する段階で、AdobeのPhotoshopやXDなどのツー...
続きを読む>>

Processingで3Dグラフィックスを描画していくには、Processingの描画モード「P3D」やライブラリの「OpenGL」を利用していきますが、macOSではエラーで実行結果が表示されないといった問題に遭遇することがあります。エデ...
続きを読む>>

ビジネスでもプライベートでも、Googleのサービスは多くのユーザーが利用されています。手軽にコミュニケーションが取れるチャット機能もあり、ハングアウトやGoogle Chatなど、便利なアプリもあります。 Googleのサービス、特にGm...
続きを読む>>