施設利用者のお仕事や訓練の一部をブログ形式でアップしています。

●ブログ作成●サイト制作
●リスト作成●バナー制作
●チラシ制作●イラスト制作 …など

※「みらいワーク」本ブログはこちらです♪

その他

【再現動画】スマホゲームのガチャ演出を作ってみた話。

はいどうも、普段はみらいワークのブログにて記事を書かせて頂いている、“いぶりがんこ” でございます。今回の利用者ノートは、動画編集ソフト“Filmora”を使い、スマホゲームなどでみる「ガチャ」の演出を再現してみたのでご報告いたします。 ...
サイト制作

フェードイン

難易度:★★★★★ MAX 概要 今回は、 ① CSSのグリッドレイアウト② CSSのキーフレーム③ JavaScriptのsetTimeout()メソッド の3本立てで、汎用的な「フェードイン」の動きをご紹介...
サイト制作

複合式カレンダー/後編・Dateクラスの扱い方

曜 日 年 月 Dateクラスを展開 Dateクラスは、利用している...
サイト制作

複合式カレンダー/前編・クラスとオブジェクトの違い

今回はJavaScriptにおける「クラス」というものと、Dateクラスについて解説したいと思います。 クラスはオブジェクトの設計図やテンプレートとして機能し、classというキーワードで定義され、インスタンス(展開)する為に、...
コラム作成

お盆とライフスタイル

本日は8月14日で、この地域ではお盆期間2日目です。昨年も今日のような蒸し暑い雨の日の翌日で、台風が接近していました。昨年も7月は日本海側で大雨、8月は太平洋側の一部で大雨でした。 海水温の上昇により、台風5号の勢力が衰えず、し...
サイト制作

流体シェイプの解析(後編)

前回はborder-radiusプロパティについて取り扱いましたが、今回は時間経過と共に形が変化する流体図形(流体シェイプ)について解説します。 一般的にCSSのキーフレームで作りますが、今回は値を表示したいので、JavaScr...
サイト制作

流体シェイプの解析(前編)

前書き CSSのborder-radiusプロパティは、かなり柔軟に値を設定出来るようになっており、1~8つの値を設定する事が出来ます。 以下、4つまたは8つの値でborder-radiusを設定する基本的な方法を書きます...
サイト制作

sticky要素の扱い方

難易度:★★★☆☆ 前書きとサンプル CSSのpositionプロパティにsticky(スティッキー)という値があります。これは、absolute,fixedのような絶対配置とも相対配置とも付かないような振舞いをする為、私...
その他

【無料で使える!】Canvaの“マジック加工”を使ってみた話。

はいどうも、普段はみらいワークのブログにて記事を書かせて頂いている、“いぶりがんこ” でございます。今回の利用者ノートは、またまたCanvaについて少し語らせて頂きます。とある機能が無料で使え、便利な上に面白いのでぜひ紹介させてください。...
その他

【お試し】”Canva” で動画を作ってみた話。

はいどうも、普段はみらいワークのブログにて記事を書かせて頂いている“いぶりがんこ” でございます。今回の利用者ノートでは、ついにみらいワークでも運用が始まった有料版Canvaにて、「動画の作成」がどの程度行えるのか検証したのでご報告します...
タイトルとURLをコピーしました