Webエンジニアのブログ

世界的にも人気のCMSであるWordPressでは、悪意のある人からなんらかの攻撃を受けることが多いですので、脆弱性に対応した最新バージョンのWordPressを利用していくことがWebサイトの運用に必要です。 常にセキュリティを保つために...
続きを読む>>

Web上でのアンケートの実施や参加申込みなどを行う場合には、手軽にフォームが用意できるGoogleフォームを活用することもあるでしょう。 公開イベントであったり会員制のイベントであったり、参加申込みなどでGoogleフォームを利用する時には...
続きを読む>>

Google FormsやMicrosoft Forms他、いろいろなアプリケーションからデータをExcelファイルとしてダウンロードして扱っていくこともあるでしょう。 こうしたデータは、複数のセルに別れてデータが管理されていますので、もし...
続きを読む>>

デジタル時代ではテレワークにより、ICTを活用し時間や場所にとらわれない働き方が普及し、必要に応じて在宅勤務をされる方も多いでしょう。デスクワークが長く続くと腰痛を引き起こしたり、PC作業が長いと肩こりや目の疲れなど、体の様々な部分が不調に...
続きを読む>>

昨今のデジタル時代では、情報をどのように共有するかは様々で、どう利用していくかで変わってきます。Googleカレンダーではアプリケーションの機能で、Googleアカウント同時が対象のカレンダーの共有設定を行い、1つのカレンダーを複数人と共有...
続きを読む>>

要素のコンテンツ量が違いがあっても、左揃えのレイアウトで見た目をデザインしていくこともありますが、デザインによっては対象の要素の最大幅でレイアウト調整する必要が出てきます。 WordPress等のCMSであれば、投稿の内容によって幅が変わる...
続きを読む>>

仕事やプライベートなどで情報収集する際は、便利で使いやすいお好みのWebブラウザを利用するかと思います。無料でインストールして利用できるWebブラウザのGoogle Chromeは、使いやすいブラウザとしてパソコンに慣れてきた方には人気で利...
続きを読む>>

WordPressでは投稿タイプに用意されたブロックのフィールドの他に、独自にカスタムフィールドを用意して利用していきたいことがあります。多くの方はWordPressのプラグインを使って、手軽にカスタムフィールドを追加していくことでしょう。...
続きを読む>>

:is疑似クラス関数はセレクタのリストを引数として、セレクタのいずれかと一致する要素にスタイルを適応させます。セレクタのリスト化することで、複数のセレクタ指定が短いコードで出来ます。ここでは、同じような擬似クラスの:where疑似クラス関数...
続きを読む>>

マウスカーソルを合わせた時の処理として、PCの表示で有効な:hover擬似クラスを使った効果は、CSSのみで実装することができます。また、スクロール時のアニメーションでしたら、スマートフォンやタブレット端末で効果的です。ここでは、hover...
続きを読む>>