サイト制作 複合式カレンダー/後編・Dateクラスの扱い方
曜 日 年 月 Dateクラスを展開Dateクラスは、利用しているデバイスから日時を取得するクラスで、以下のようなメソッドがあります。getFullYear():年を取得します。getMonth():月を取得します(0が1月、1が2月、.....
2024-08
サイト制作 
サイト制作 複合式カレンダー/前編・クラスとオブジェクトの違い
今回はJavaScriptにおける「クラス」というものと、Dateクラスについて解説したいと思います。クラスはオブジェクトの設計図やテンプレートとして機能し、classというキーワードで定義され、インスタンス(展開)する為に、newというキ...
コラム作成 お盆とライフスタイル
本日は8月14日で、この地域ではお盆期間2日目です。昨年も今日のような蒸し暑い雨の日の翌日で、台風が接近していました。昨年も7月は日本海側で大雨、8月は太平洋側の一部で大雨でした。海水温の上昇により、台風5号の勢力が衰えず、しかも速度が遅い...
サイト制作 流体シェイプの解析(後編)
前回はborder-radiusプロパティについて取り扱いましたが、今回は時間経過と共に形が変化する流体図形(流体シェイプ)について解説します。一般的にCSSのキーフレームで作りますが、今回は値を表示したいので、JavaScriptを用いて...
サイト制作 流体シェイプの解析(前編)
前書きCSSのborder-radiusプロパティは、かなり柔軟に値を設定出来るようになっており、1～8つの値を設定する事が出来ます。以下、4つまたは8つの値でborder-radiusを設定する基本的な方法を書きます。4つの値を設定する場...
サイト制作 sticky要素の扱い方
難易度：★★★☆☆前書きとサンプルCSSのpositionプロパティにsticky(スティッキー)という値があります。これは、absolute,fixedのような絶対配置とも相対配置とも付かないような振舞いをする為、私も含め、最初から苦手意...