記事一覧
GatsbyCloudからNetlifyに移行する
先日、GatsbyCloudが提供を終了するというメールが届きました。
2023年の9月29日までにどこかに移行しないとWebサイトが消されてしまいます。
GatsbyCloudとNetlifyのFree Planを比較すると、無料で使う分にはそこまで差はないと感じたので、そのまま移行してみることにします。
Netlifyの機能
GatsbyCloudの機能
Netlifyアカウントの作
コミュニケーションはイノベーション？〜話す量が少ない方がいい理由〜
人と話す量が少ない。
これだけ聞くと「コミュニケーション能力が低そう」とか「コミュ障？」とか考える人が多そうです（実際僕はよく言われますが笑）。
それだけで終わってしまうと僕がしょんぼりと悲しくなるので、僕の考えているコミュニケーションの理論について話してみます。
結論から言うと、コミュニケーションにおいて話す量は、全く関係ないと考えています。むしろ少ない方が好いとさえ思っています。
順を
ChatGPTを使って独学の勉強の質を上げてみる
今流行りのChatGPTですが、ちょっと触ってそのあとは使っていない人はいませんか？
たしかにちょっとズレた答えを返すこともありますが、使い方によっては効果的な使い方をすることができるかなと感じています。
例えば、僕は最近ChatGPTを使って勉強することを試しています。
いつもは英語を入力して使っていますが、今回は説明のために日本語で入力しました。英語のほうが基本的に情報量が多くて精度が上
ベイズ統計学で制約条件を特定してみたい
※この記事はなんとなくの思いつきで適当に書いていますのでご注意ください（予防線）
マーケティングとイノベーションの定義ドラッカーによれば、会社には２つの基本的な機能があるようです。マーケティングとイノベーションです。
でもマーケティングとイノベーションと言われても、なんかわかるようでわからないですよね。そこで僕はこのように定義しています。
マーケティングは相手に情報を伝えるだけではダメで、伝
【Davinci Resolve】スクリプト作成の基本
Davinci Resolveは無料で使うことができて、非常に多機能な動画編集アプリケーションです。有償版もあるのですが、ほとんどの機能を無償版で使うことができるという素晴らしい仕様になっています。
今回は、そんなDavinci Resolveのスクリプト作成について書いてみます。Fusionの使い方にある程度慣れている人を対象に書きますので、Nodeについて細かい説明はしません。ご了承ください
![Gatsbyウェブサイトでアニメーションを動かす[Tween24.js編]](https://assets.st-note.com/production/uploads/images/67639262/rectangle_large_type_2_d7687790ad17eb2eb7de6ab8c1c67d0d.png?width=800)
Gatsbyウェブサイトでアニメーションを動かす[Tween24.js編]
前回[Framer-Motion]でアニメーションを動かしてみましたが、[Tween24.js]を活用することで同じようにアニメーションを実装できるので、試して見ました。
文字を一文字ずつ、おしゃれに表示できそうなのが、面白そうなので使ってみます。
Tween24.jsの導入GitHubではnpmでインストールする様に書かれていますが、今回はjsdelivrを使います。
現在の最新バージョン
GatsbyウェブサイトでGoogleFontsを使う方法
ウェブサイトのデザインをしたいときに、フォントを変えるとけっこう雰囲気が変わったりします。
今回は、無料で使えるGoogleFontsのフォントを使って文字の表示を変更してみます。
GoogleFontsから使いたいフォントを選ぶフォントを使うためにはまず、どんなフォントがあるのか確認したいですよね。GoogleFontsでは、気づかないうちにフォントが追加されていることもあるので、たまに確認
GatsbyウェブサイトにGoogle Analytics(Googleアナリティクス)を追加する
どんなウェブサイトでも、データを分析して改善していかなければなりません。一度作ったらそれでおしまいではないところが、大変なところでもあり、面白いところです。
そんな時に、データ分析でよく使われているツールがGoogleアナリティクスです。
今回は、GatsbyウェブサイトにGoogleアナリティクスを追加して、データを取得するようにします。
Google Analyticsの登録方法まずはG
YouTubeで他のチャンネルとコラボする方法
ジェイ・エイブラハム著の「ハイパワーマーケティング」を読んだ方ならわかると思いますが、ジョイントベンチャー(JV)は強力な手段になり得ます。
簡単にいうと業務提携みたいなものですね。YouTubeでこれと似ているのは、他のチャンネルとのコラボになるでしょう。
YouTubeを観る人はYouTubeにいるここで重要な点は、"YouTube動画を観る人は、YouTube動画を観ている"ということで
![Gatsbyウェブサイトにアニメーションを追加する[Framer-Motion]](https://assets.st-note.com/production/uploads/images/65691484/rectangle_large_type_2_df79ce4c0f5f6328cfb8fa74c6589290.png?width=800)
Gatsbyウェブサイトにアニメーションを追加する[Framer-Motion]
Gatsbyウェブサイトの見栄えをよくするために、アニメーションを使えるようにしてみましょう。
やっぱりウェブサイト上に動くものがあると印象的になりますからね。…とはいえ、ウェブサイトが読みにくくなったりもするので、使いすぎには注意したいところですね。
個人的には、最初に表示するときだけアニメーションが動くようにして、それ以降は動かない…というのがちょうど良い感じです。
framer-mot
![Gatsbyに問い合わせフォームを追加する[GoogleForms]](https://assets.st-note.com/production/uploads/images/65615619/rectangle_large_type_2_16a90538c1a1c5b9076d8828cd14551d.png?width=800)
Gatsbyに問い合わせフォームを追加する[GoogleForms]
静的ウェブサイトであるGatsbyでは、フォームを直接実装することはできません。そのため外部サービスを使って実装することになります。
フォームを提供しているサービスは探せばたくさんありますが、有料のものが多い印象でした。無料で使えそうなものもありましたが、どれも広告がついてしまいそうだったので、今回はGoogleFormsを利用することにします。
GoogleFormsで問い合わせフォームを作
Gatsbyサイトにページネーションを追加する
ブログの記事がだんだん増えてくると、１つのページ内に全ての記事を表示することが困難になってきます。ページを表示する時間が遅くなったり、視認性が悪くなったりもします。
そうした場合にページを分割する方法を知っておくと、一覧をみやすくすることができます。
商品がたくさんある場合に、１ページに表示する商品数を制限したりすることにも使えます。
今回は、ページネーションをGatsbyで実装する方法につ