Webエンジニアのブログ

紙媒体やWeb媒体で利用していく写真素材において、写真の中でメインとして撮っている被写体以外は必要ない時や、あると困る時などには編集する必要ができてきます。 Adobe Photoshopでは、コンテンツに応じた塗りつぶしの機能で、手軽に不...
続きを読む>>

動画制作では、映像の素材をからフレームを切り取ったりコピーや複製など、様々な作業で編集を行っていきますが、Premiere Proでは、動画から一時停止したフレームを追加することもできます。 動画の映像から数秒または数分間、一時停止したフレ...
続きを読む>>

YouTube動画はWebサイト（ホームページ）やブログ等に埋め込んで活用することができますが、Webページのコンテンツによっては、YouTube動画を一覧で表示たいこともあるでしょう。API（YouTube Data API）などを使って...
続きを読む>>

CSSでは関数を利用していくことで、通常のプロパティの指定だけではできないことができたり、効率的にスタイルを適応させることができます。 CSSも年々進化を続け、とても便利な関数が続々と追加される中、ここではレスポンシブWebデザインの制作で...
続きを読む>>

昨今、多くのWebサービスやソーシャルメディアが生まれる中、プライベートで楽しんだりビジネスとして活用したりと、さまざまな使い方をしていくでしょう。こうしたメディアで発信する情報は、運用しているWebサイトに埋め込むこともできます。 企業サ...
続きを読む>>

Web初心者でも手軽に開発環境が準備できるXAMPPですが、世の中の進化に合わせてXAMPPもアップグレードして、ローカル上で開発テストを行なっていく必要があります。 特によくWebで利用されるPHPについては、1年ペースで新バージョンがリ...
続きを読む>>

掲示板アプリ「Padlet」は、企業であればチームの情報共有やお知らせなどの共有に、また教育機関であればクラスでの情報共有に、オンラインで使える便利な掲示板ツールです。 Padletの導入や簡単な使い方については、以下の記事でご紹介してい...
続きを読む>>

お知らせや連絡などの情報共有には、チャットやメールの他、Microsoft TeamsやGoogle Classroomなどのコミュニケーションツールでのやり取りがありますが、掲示板というイメージで掲載する、また確認するといった共有方法もあ...
続きを読む>>

Processingでは、map関数を使うことで描くオブジェクトの変化を調整したり、そのオフジェクトの変化に合わせて色を調整したりすることができます。アニメーションなどでデジタルアートを制作するうえで、とても使い勝手のいい便利な関数です。 ...
続きを読む>>

CSSのメディアクエリの記述方法は、コーディングでWebサイトを構築していくうえで、レスポンシブ対応やデバイスごとのスタイリングにはよく利用していく書き方でしょう。 CSSも年々アップデートされる中、Media Queries Level ...
続きを読む>>