Webエンジニアのブログ

Googleスプレッドシートでは、手軽にいろんな言語に翻訳できる関数「GOOGLETRANSLATE関数」が用意されています。対応している言語は100種類以上で、利用頻度の高い言語では、日本語、英語、スペイン語、フランス語、ドイツ語、イタリ...
続きを読む>>

Webサイトでは背景画像やコンテンツとして掲載する画像を使っていく中で、もとの画像素材を加工・編集して利用していくことが多いですが、後でまた編集して更新するようなことがあると手間だったりします。半透明のレイヤーを重ねるような手軽な加工でした...
続きを読む>>

特別な動画コンテンツであれば、YouTubeで公開するのではなく、Webサイトに訪問してもらって視聴してもらう方が、Webサイト意外では公開されていない分、コンテンツの価値を高めることができます。 YouTubeだと限定公開にしてもURLを...
続きを読む>>

Web制作の現場では、日々新しい技術を求められ、CSSでレイアウトを組んでいく中では、効率的かつメンテナンス性の高いコードを書いていくことが必要になってきますが、Sassを使うことで、通常のCSSではできないことができるようになります。 S...
続きを読む>>

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

Google MeetのでWeb会議を開く前や、Web会議に招待されて参加する時にはまず、接続している周辺機器も含め、Web会議に参加する準備をしていきますが、「グリーンルーム（楽屋）」の機能を使うと、接続されているカメラの映像やマイク、...
続きを読む>>

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

WordPressでサイトを構築しているサイトでは、Google XML SitemapsやAll in One SEOなどのプラグインを使って、サイトマップを作成していくでしょう。 Webサイト（ホームページ）やブログのサイトマップの作成...
続きを読む>>

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

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