その他【再現動画】スマホゲームのガチャ演出を作ってみた話。 はいどうも、普段はみらいワークのブログにて記事を書かせて頂いている、“いぶりがんこ” でございます。今回の利用者ノートは、動画編集ソフト“Filmora”を使い、スマホゲームなどでみる「ガチャ」の演出を再現してみたのでご報告いたします。 ...2024.09.04その他
サイト制作フェードイン 難易度:★★★★★ MAX 概要 今回は、 ① CSSのグリッドレイアウト② CSSのキーフレーム③ JavaScriptのsetTimeout()メソッド の3本立てで、汎用的な「フェードイン」の動きをご紹介...2024.09.01サイト制作
サイト制作複合式カレンダー/前編・クラスとオブジェクトの違い 今回はJavaScriptにおける「クラス」というものと、Dateクラスについて解説したいと思います。 クラスはオブジェクトの設計図やテンプレートとして機能し、classというキーワードで定義され、インスタンス(展開)する為に、...2024.08.20サイト制作
コラム作成お盆とライフスタイル 本日は8月14日で、この地域ではお盆期間2日目です。昨年も今日のような蒸し暑い雨の日の翌日で、台風が接近していました。昨年も7月は日本海側で大雨、8月は太平洋側の一部で大雨でした。 海水温の上昇により、台風5号の勢力が衰えず、し...2024.08.16コラム作成
サイト制作流体シェイプの解析(後編) 前回はborder-radiusプロパティについて取り扱いましたが、今回は時間経過と共に形が変化する流体図形(流体シェイプ)について解説します。 一般的にCSSのキーフレームで作りますが、今回は値を表示したいので、JavaScr...2024.08.11サイト制作
サイト制作流体シェイプの解析(前編) 前書き CSSのborder-radiusプロパティは、かなり柔軟に値を設定出来るようになっており、1~8つの値を設定する事が出来ます。 以下、4つまたは8つの値でborder-radiusを設定する基本的な方法を書きます...2024.08.10サイト制作
サイト制作sticky要素の扱い方 難易度:★★★☆☆ 前書きとサンプル CSSのpositionプロパティにsticky(スティッキー)という値があります。これは、absolute,fixedのような絶対配置とも相対配置とも付かないような振舞いをする為、私...2024.08.01サイト制作
その他【無料で使える!】Canvaの“マジック加工”を使ってみた話。 はいどうも、普段はみらいワークのブログにて記事を書かせて頂いている、“いぶりがんこ” でございます。今回の利用者ノートは、またまたCanvaについて少し語らせて頂きます。とある機能が無料で使え、便利な上に面白いのでぜひ紹介させてください。...2024.07.26その他
その他【お試し】”Canva” で動画を作ってみた話。 はいどうも、普段はみらいワークのブログにて記事を書かせて頂いている“いぶりがんこ” でございます。今回の利用者ノートでは、ついにみらいワークでも運用が始まった有料版Canvaにて、「動画の作成」がどの程度行えるのか検証したのでご報告します...2024.07.23その他