キーワード JavaScript が含まれる動画 ： 1160 件中 801 - 832 件目
種類:
- タグ
- キーワード
対象:
【生放送アーカイブ】０から始めるゲーム制作 #1 初めの一歩(2/5)
ご視聴ありがとうございます！わかぞうです。
2023/02/19に配信した内容のアーカイブです。
前：sm41858692｜次：sm41858716
動画内容の要約
①JavaScript お勉強結果報告
✓作ったページの中身紹介
②流れの再確認
③はじプロ導入
【生放送アーカイブ】０から始めるゲーム制作 #1 初めの一歩(1/5)
ご視聴ありがとうございます！わかぞうです。
2023/02/19に配信した内容のアーカイブです。
前：sm41724685｜次：sm41858705
動画内容の要約
①お知らせ(フォームで枠作りました)→【わかぞうへの連絡】にあるURLのフォームです
②JavaScript お勉強結果報告
✓教科書の重要そうな単語紹介
✓HTMLのみとCSSも組み合わせたページを作ったので紹介
【応用分野】各プログラミング言語は何ができるかを見てみよう
多くの人がプログラミングを学ぶのは常に頭が熱くなってからネットで資源を探して勉強を始めます。学んでみると今学んでいることは自分が一番好きなものではなく、別の技術をもっと好きなようで、間違っていると感じて、また別のことを勉強するようになった。
プログラミング言語を学ぶ前に、どの分野に適用されるかを明らかにしなければなりません。このビデオは、いくつかのプログラミング言語の応用分野を説明し、何ができるかを見てみましょう。
#ScrapeStorm とは、強い機能を持つ、プログラミングが必要なく、使いやすくて、販売、金融、ニュース、電子商取引、データ分析、および政府機関や学術研究のユーザー向けに開発された人工知能Web#スクレイピング ツールです。
●公式サイト
https://www.scrapestorm.com/jp/
●いつも無料トライアル
https://www.scrapestorm.com/jp/?type=pricing
●お問い合わせ
メール：[email protected]
skype：ScrapeStorm.jp
●もっと見る
チュートリアル：https://www.scrapestorm.com/jp/?type=tutorial
●公式サイト
https://www.scrapestorm.com/jp/
●いつも無料トライアル
https://www.scrapestorm.com/jp/?type=pricing
●お問い合わせ
メール：[email protected]
skype：ScrapeStorm.jp
作ったもの解説 #1 プログラミング未経験者でも13時間で作れる? JavaScriptで動くメモ帳アプリ
"プログラマーへの道"はプログラミング学習者向けの入門動画シリーズです。
独学で勉強方法が分からない方がこの動画シリーズを順番にみていくとWeb系のプログラマーになれるようなコンテンツを目指しています。
補足ブログ：https://iis-tio.hatenablog.com
メモ帳アプリの仕様：https://iis-tio.hatenablog.com/entry/2021/08/16/141453
Twitter：https://twitter.com/TioIis
マシュマロ：https://marshmallow-qa.com/tioiis
YouTube：https://www.youtube.com/channel/UCKdKAh96Tl4dMIHsZtc9KEQ
BGM：かえるのピアノ（https://dova-s.jp/bgm/play568.html）
JSでプログラミングの基礎を学ぶPart9
※JS＝JavaScript
Part9 アルゴリズムについて その2
新年早々なにもないところで躓いたので初投稿です。
もし誤った説明や解説などがあれば、
ぜひご指摘ください。
次：sm42157399
前：sm41105317
JavaScriptで書く色んな条件分岐のパターン「elseがない⁈」【早期リターン（return）】
JavaScriptの条件分岐の書き方は色んな種類を発見します。
他人のコードや見ていると遭遇する「何これ？」ってなる書き方を、パッと見ただけでザックリ理解できるようになると良いと思いましたので共有です。
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/not-else
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：https://lorem-co-ltd.com/
引用元：https://www.youtube.com/watch?v=EumXak7TyQ0
Twitter：https://twitter.com/rubyprogram
URLのエンコード、デコードって何すか？【encode,decode】
「エンコーディング」「URLの文字化け」なんてことを聞いたことがあるかと思います。
正直言って何をしているのか自分はさっぱり分からなかったのですが、JavaScriptで用意されている簡単な関数を使うことで一瞬で理解できたので共有です。
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/encode-decode
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
JavaScriptでハイフンや空白を簡単に削除する方法（置き換え）【replace】
空白やハイフンなど文字を削除したい場面ってありますよね？
削除ではなく「置き換え」というものを使うだけで、JavaScriptでは簡単に出来てしまいます。
フォームやデータの整理など地味に使える場面が多いので共有です。
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/font-replace
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
JavaScriptで文字を結合する方法「`${}`」
数字の足し算はイメージしやすいですし最初に勉強しますが、文字の結合は意外と知らなかったりします。
また意外と文字同士を合体させないといけない場面は、サイト制作やアプリ開発で発生しますよね？
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/font-merge
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
JavaScriptで大文字⇔小文字を自動変換する方法【toLowerCase, toUpperCase】
英語の文字で大文字と小文字を、どちらかに揃えたい場面があります。
例えばslackではチャンネル名は自動で小文字になります。
そんな感じで自動で変換するのはJavaScriptでは1行追加するだけなので紹介します。
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/font-size-convert/
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
scriptタグでのJSファイルの読み込みコピペしてるとハマる？！【defer】
JavaScriptのファイルって実は読み込む場所を間違えると思ったように動作しない経験ってありませんか？
自分は最初の頃よく遭遇していて、ググってもイマイチ理解できませんでした。
本来なら読み込みについては軽くスキップせずに理解すべきなんですが、
学習教材やYoutubeではそこまで触れられていません。
小さなミスで時間を取られないようにJSファイルの読み込みの基本をまとめてみました。
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/js-file-import
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
引用元：https://youtu.be/v2tJ3nzXh8I
JavaScriptのconsole logにCSSでスタイル使えて草
console.log()で出力する内容にCSSのようにスタイルを適用できるのをご存知でしょうか？
何気なく使っているconsole.log()に一工夫を加えることで、プリントデバックの可読性が良くなるかと思い共有です。
ちなみに自分は実務では面倒くさがって使っていないですｗ
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/console-style
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
引用元：https://youtu.be/v2tJ3nzXh8I
JavaScriptで??,||,&&を使って条件分岐してみよう！
条件式は「if」で学ぶことになりますが、他にも同じような条件式を書ける方法があるのをご存知でしょうか？
自分も基本的には「if」を使いながらも、コードを簡素化する目的で状況に応じて違う書き方をしています。
最近になって知ったのですが「もっと早くに知っておけば。。。」と感じた内容ですので皆さんにとっても有益な内容かと思います。
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/sumbol-if
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
引用元：https://youtu.be/v2tJ3nzXh8I
JavaScriptでの「||」の本当の意味を知らなかった件
否定条件（!）はJavaScriptの条件式でたびたび登場します。
自分も最初の頃は条件の一つくらいにしか理解していなかったのですが、
ある時にバグに遭遇したことで深掘りしてみると意外な落とし穴があることを知りました。
Web制作やWebデザイナーの方でも同じような認識をしたまま書いている人がいるのでは？と思い共有です。
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/wrong-not-if
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
引用元：https://youtu.be/v2tJ3nzXh8I
JavaScriptで文字が含まれているかを調べる１行【includes,startsWith,endsWith】
文章の中から特定の文字を検索したい時は多いですが、大体が正規表現で挫折してしまいます。
柔軟性があって便利なのは正規表現ですが、簡単な検索であればJavaScriptの標準の関数でも実現できます。
今回は代表的な３パターンを紹介するので、正規表現を使えない人でも利用してもらえる内容になっています。
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/font-index
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
エクセルで集計するときに「なに空白入れとんねん？」ってなるよねー【JavaScriptのtrimで解決します】
文章の両端にある空白を削除するのはJavaScriptを使えば秒で実現できます。
意図しない空白があることでデータ管理や集計にトラブルが発生するケースは意外とあるので知っておくだけでも得だと思い投稿しました。
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/font-space-trim/
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
JavaScriptで文字をカウント（数える）のめちゃ簡単な話
フォームの作成などで「文字をカウント」という場面に遭遇するかと思います。
便利なライブラリもありますが簡単な仕組みなので一度は自分で作ってみてほしいです。
加えて実務で自分が遭遇した小さなバグと対処法も紹介します。
画面収録をミスりまして画面が見切れてしまっています。。。
ハンズオンをしながら閲覧してもらう分には全く問題ないですが、ブログにもまとめているので必要に応じて活用くださいm(_ _)m
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/font-count/
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
よくあるReactでのカウントの落とし穴を共有
Reactを勉強し始めた時に必ず通る「カウントアプリ」についてです。
要件もシンプルでReactの機能を体験するには良い題材ですが、注意して理解しないと本番でハマってしまいます。
「コーディングでJavaScriptは軽く触ったことがある」
「Reactに興味があって勉強し始めた」
そんな方に向けた内容になっています。
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/tips/wrong-counter
【CSSのみ】横並びレイアウトの高さを揃えてみた
コーディングは順調に進められたのに WordPress化した時にレイアウト崩れが起きることがあります。
その都度、修正していくのですが出来るだけCSSメインで修正してJavaScriptにまで手を出したくないデザイナーは多いのでは無いでしょうか？
今回はあえてCSSのみでレイアウト崩れを回避する方法を共有してみたいと思います。
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/tips/limit-line-css
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
引用元：https://www.youtube.com/watch?v=OhCzEjXvY9A
JavaScriptのSwitch文は最初に理解しとかないとReactでハマる件
Webデザイナーのお仕事でswitch文を使う機会はほとんど無いと思います。
なぜなら多くの場合でif文で事足りるからです。
僕自身も言葉の意味しか分かっていなかったですが、
Reactなど最新のJSを触った時に「ちゃんと理解しておけば、、、」となりました。
そんな過去の自分に向けてswitch文の基礎を共有したいと思った次第です。
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
JavaScriptの「?.」オプショナルチェーンが便利すぎた
ドットを使った文法の中に「?.」を使ったものを見かけ、最初は「これってタイプミス？」と思ってました。
それから実際にオプショナルチェーンを使う事になり、使ってみて感じた恩恵や具体例などをまとめてみました。
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
分かりそうで分からなかったReactを説明してみた
Reactを初めて触った時はいまいち「これって何のためにやるんだろう？」という感じでした。
それから数ヶ月経って初心者なりに感じたReactを使う事による恩恵などをまとめてみました。
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
アメリカ語のタイピングソフトをつくってみた
アメリカ語のタイピングゲームソフトをつくってみました。
Googleスプレッドシートの単語を読み取って
ランダムに問題を表示します。
#00:00~ 雑談
#15:10~ ソフトの説明、単語登録
#20:00~ ゲーム開始
#31:55~ ソフトの名前を決めよう
立案、監修：
びっくりマークさん
デザイン、プログラム：
PIRO
言語：HTML, CSS, JavaScript
アメリカ語コミュニティ：co3810363
プログラマーへの道 #7 JavaScriptのエラー解消
"プログラマーへの道"はプログラミング学習者向けの入門動画シリーズです。
独学で勉強方法が分からない方がこの動画シリーズを順番にみていくとWeb系のプログラマーになれるようなコンテンツを目指しています。
Twitter：https://twitter.com/TioIis
マシュマロ：https://marshmallow-qa.com/tioiis
YouTube：https://www.youtube.com/channel/UCKdKAh96Tl4dMIHsZtc9KEQ
BGM：かえるのピアノ（https://dova-s.jp/bgm/play568.html）
【数学×理科】ウニ、ヒトデ、ナマコの意外な共通点
・義務教育過程では以下のような問題がたまにあるので
問題の製作者が意図した解答をしましょう。
真実が間違いということは社会にはよくあります。
・哺乳類はタマゴを産まない ○
→カモノハシはタマゴを産みますが、ほとんどの哺乳類はタマゴを産まないので○
・哺乳類は毛に覆われている ○
→イルカは毛に覆われていませんが、ほとんどの哺乳類は毛に覆われているので○
・JavaとJavascriptは別物です
仮想通貨・FX・株・CFDなどの投資のコツはコレです
この動画は仮想通貨やFXや株やCFDなどの投資や、
買物などの節約ノウハウなどの説明です。
以下のレート（価格）一覧ページで、
投資に強くなれます。商品先物の価格も知ると、
普段の買物などでも節約できます。
こたまトレーディング
http://kotama.starfree.jp/trade/kotama_t.htm
仮想通貨やFXや株や原油などの価格の一覧ページです。
JavaScriptですので、貴方向けにカスタマイズも出来ます。
以下のブログで2015年頃から、投資などの方法を
記録しています。
こたまFX☆０円から億トレーダーへの冒険
http://kotama2525.blog.fc2.com/
ネット配信や懸賞や副業などで投資資金を稼ぎ、
株・FX・CFD・不動産投資などで大儲けしよう！
ツイッターでも毎日の投資などの習慣なアノマリー
やアニメやビジネスなどもつぶやいています
https://twitter.com/haruno_o_kotama
【地雷系】自作ゲームで遊びました【JavaScript】
自作ゲームで遊んでみました。
制作期間：2日
URL：https://ik1-421-42856.vs.sakura.ne.jp/mine
ソースコード：https://github.com/ugt52student/mine
ソースコードを解読してアドバイスくれる人募集中です
NEORTで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「NEORT」からのポーティング（p5.js（JavaScript）またはglslまたはopenFrameworks（C++）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/VyG5
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
NEORTで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「NEORT」からのポーティング（p5.js（JavaScript）またはglslまたはopenFrameworks（C++）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/VyG5
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts