Webエンジニアのブログ

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

CSSも年々アップデートされる中、Media Queries Level 4ではRange型が扱えるようメディアクエリの構文が拡張されました。デバイス幅の範囲はこれまでのmin-widthやmax-widthの他、比較演算子を利用した範囲指...
続きを読む>>

ProcessingのVideoライブラリは、映像を取り扱うことができるライブラリになります。 Videoライブラリの定義されているMovieクラスでは、動画ファイルの読み込みから映像の再生のコントロールなど、動画を扱って映像を編集したりC...
続きを読む>>

Processingのアニメーションの中で、映像のようにフェード効果を実装したいこともあります。Processingで制作したデジタルアートは、動画として書き出すことができますので、プログラミングを駆使してちょっとした映像制作も可能です。オ...
続きを読む>>

グローバル化が進む社会では、Webサイトを多言語対応していくこともあり、多言語サイトを制作していくと同時に、言語の切り替えに伴う言語切り替えリンクを必要とすることもあります。 人気のCMSのWordPressでも、PHPスクリプトが扱えれば...
続きを読む>>

Processingでは「年月日時分秒」などの日付は関数で取得できますが、曜日を情報を扱うにはJavaパッケージのプログラムを活用します。Calendarクラスを利用した曜日データの取得についてご紹介します。...
続きを読む>>

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

要素のコンテンツ量が違いがあっても、左揃えのレイアウトで見た目をデザインしていくこともありますが、デザインによっては対象の要素の最大幅でレイアウト調整する必要が出てきます。ここでは、jQueryで複数要素の中から最も広い横幅の値を取得してレ...
続きを読む>>

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

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