Webエンジニアのブログ

Webページ内でページ内リンクを設置し、対象のコンテンツまで移動させる場合には、動きを滑らかにするためにJavaScript（jQuery）を使ってスムーズスクロールを実装するでしょう。 CSSのscroll-behaviorプロパティを利...
続きを読む>>

遅延読み込みについては、Lazy loadingはよく聞くかと思います。img要素やiframe要素では「loading=”lazy”」と、loading属性を付けることで対応できます。 Google Chromeの...
続きを読む>>

YouTube動画には昨今のwebサービスではよくあるハッシュタグの機能があり、ユーザーが興味のある動画を探していく中では、とても重要な機能です。 普段からYouTubeに動画を配信されている方は、動画のタイトルから説明、関連するタグなどを...
続きを読む>>

Webサイトやブログで画像や動画を使う際、コンテンツの中で綺麗に見せていくには、素材の品質もそうですがアスペクト比も重要な要素になります。 Web制作では画像や動画コンテンツを多くのデバイスに対応していくため、特に動画ですが、アスペクト比の...
続きを読む>>

語学学習では、テキスト教材やドラマ、映画、YouTubeといろいろな方法で、自分にあった学習方法を実践されているかと思います。 映画で語学学習をしたいという方に必見。Amazonプライム・ビデオに対応した語学学習用のGoogle Chrom...
続きを読む>>

Wordで作成するドキュメント内で、クリックしてチェックを入れるようなチェックボックスが必要になることもあるでしょう。また、記号としてレ点を表示させたいこともあります。 あまりWordを使いこなしていない方は、こうしたチェックボックスの機能...
続きを読む>>

Webページのコンテンツ内に外部サイトへのリンクを別タブで開くようにするには、アンカーリンク（aタグ）に「target=”_blank”」設定しますが、セキュリティ上の脆弱性がありますので、一緒にrel属性にnoop...
続きを読む>>

Microsoft Teamsのチャット機能や一般の投稿などでやりとりを行う中、文章で改行を行う時にEnterキーを押すと、改行されずにメッセージが送信されます。入力途中で送信されると困りますよね。ここでは、Enterキーで送信されない方法...
続きを読む>>

WordPressには便利なプラグインが多く、多くの方がプラグインを利用しながらWebサイトの構築をされているでしょう。利用しているプラグインも、WordPressのバージョンのアップデートに合わせたり、バグ修正や機能の追加、セキュリティの...
続きを読む>>

Adobe Premiere Proで動画を作成していく中で、映像内の一部分を隠したいことがあります。隠し方はいくつか方法はありますが、よく利用されるのがぼかし効果でしょう。 ここぞという時に使えるので、覚えておきたいところです。 ここでは...
続きを読む>>