スクロールに連動するアニメーションはIntersection Observerを使用すると、簡単に実装できます。カードUIがスクロールしてビューポートに表示されると、カード内の要素がアニメーションするUIを実装する方法を紹介します。 ライブラリなどは必要なく、数行のJavaScriptで簡単に実装できます。 Animate on scroll using Intersection Observer by Keerthi 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Step 1: カードUIをHTMLとCSSで実装する Step 2: CSSに基本的なアニメーションを追加する Step 3: Intersection Observerを使用する前に、HTMLに変更を加える Step 4: JavaScriptのInt

インターネットって、本当に便利だよね。 犬のしつけかたの動画がいつでも見れるし、発売日翌日にゲームの攻略方法が一覧になってるし、SNSで質問すればすぐにだれかが答えてくれるし。 あー、本当に便利。 ないと生きていけない。 でもその一方で、最近、「インターネットが『成長』を邪魔してるんじゃないか？」という気もする。 手軽にいろんなことを教えてくれるインターネットだけど、実は、わたしたちが知識を得て、見識を広め、より豊かになり、『成長』することを邪魔しているんじゃないか。 そんな懐疑心が芽生えてしまったのだ。 だって、インターネットはその性質上、「意見の更新」に不寛容だから。 わたしはもともとライターになる気なんてまったくなかったから、言葉を選ばず、たいして考えもせず、思っていることをただひたすらてきとーにブログに書いていた。 たとえば、「日本じゃ休めないけど、ドイツはみんな1ヶ月の有給休暇を

初めまして。株式会社MatrixFlow（マトリックスフロー）のCEOをやってるものです。 株式会社MatrixFlowは,ビジネスマン向けのAIを構築・活用・運用出来るプラットフォームサービス「MatrixFlow」を運営しています。 www.matrixflow.net おかげさまでユーザーも2000名を超え、経済産業新聞さんや東洋経済さんに取り上げてもらってユーザーも週で20名以上伸びています。 会社自体はまだ2年も立ってないひよっこですが、経験を少しでもこれから起業しようと思ってる人、起業に興味がある人に還元できればと思ってます。 1.起業したら、アクセラレータープログラムに入る スタートアップを各方面から支援するアクセラレータープログラムと言うものを大企業や行政が実施しています。 メンターの教えによる会社経営の示唆や知識は学びは大きく非常に感謝してます。 また、そこの業界ネットワ