見出し画像

Notion AI(ノーションエーアイ)使(つか)ってみた

Notionノーション というサイトがあります。ノートやちょっとしたデータベースの作成さくせいなどが簡単かんたんにできるので、わたしCMSシーエムエス(コンテンツ管理かんりシステム)の一種いっしゅかなとかんがえています。

その Notion に AIエーアイ機能きのう搭載とうさいされたとのことなので、さっそく使つかってみました。

Notion AI の画面がめん

結果けっかこちらです。

Notion AI につくってもらった記事きじ内容ないようせてみます。次回じかい以降いこう、これを参考さんこうにしながら SVG のアニメーションにんでみたいとおもいます。

アニメーションの作成さくせい方法ほうほう

このドキュメントはNotion AIを使用しようして作成さくせいされた「SVGを使用しようしたアニメーションの作成さくせい方法ほうほうかんするガイド」についての手順てじゅんです。アニメーションを作成さくせいするためには、以下いか手順てじゅんしたがうことがおすすめです。

  1. アニメーションの目的もくてき明確めいかくにする。
    なにつたえたいのか、どのような反応はんのう期待きたいしているのかをかんがえることが重要じゅうようです。

  2. SVGを使用しようしてイラストを作成さくせいする。
    IllustratorやSketchなどのツールを使用しようして、アニメーションに必要ひつようなイラストを作成さくせいします。

  3. CSSアニメーションを使用しようしてSVG要素ようそをアニメーションする。
    CSSを使用しようして、SVG要素ようそをアニメーションすることができます。トランジションやキーフレームを使用しようして、アニメーションを作成さくせいします。

  4. JavaScriptを使用しようしてアニメーションをカスタマイズする。
    JavaScriptを使用しようして、アニメーションをよりカスタマイズすることができます。アニメーションの速度そくどやタイミング、イベントのトリガーなどを制御せいぎょすることができます。

  5. アニメーションをテストし、必要ひつようおうじて修正しゅうせいする。
    アニメーションを実際じっさいて、問題もんだいがあれば修正しゅうせいすることが大切たいせつです。

これらの手順てじゅんしたがうことで、魅力的みりょくてき効果的こうかてきなSVGアニメーションを作成さくせいすることができます。アニメーションを作成さくせいするさいには、目的もくてき明確めいかくにし、イラストを作成さくせいし、CSSアニメーションとJavaScriptを使用しようしてアニメーションをカスタマイズすることが大切たいせつです。


この記事が気に入ったらサポートをしてみませんか?