マガジン
子供がScratchをマスターしたら次は何をさせるべきか？
なおしむ
- 4本
4月にCoderDojoという子供たちのプログラミングコミュニティに参加したときに、あるお母さんからこんな質問をされました。 「子供がScratchをマスターしたら次は何をさせるべきでしょうか？」 この問いに応えるべく思考を整理しています。 このマガジンはそのまとめです。
記事一覧
手作業と自動化の合せ技！puppeteerを起動中のブラウザで自動操作して開発を楽にする方法
こんにちは。なおしむです。
業務効率化の方法にブラウザの自動操作があります。ブラウザの操作をpuppeteerなどの自動化ツールを利用してプログラミングをして業務を自動的に行えるようにします。
ただ、実際にやってみると、操作をすべてプログラミングで自動化するのは複雑で時間がかかりますよね。とくにWEBサイトへのログインは、二要素認証などもあり実装が大変てす。
なので、私はログインまでは手作業で行い
スプレッドシート感覚でDBが作れる！BaserowでToDoアプリを作ってみた
こんにちは。なおしむです。
最近、ノーコード・ローコードやSaaS周りの技術を追っています。
これらの技術はBtoBで展開されることが多く、個人としてはとっつきにくい印象があります。そんな中、無料でも使えるBaserowというサービスを見つけました。
Baserowの概要としては、Googleスプレッドシートのような画面でデータを管理するだけで、入力フォームやWebAPIを自動生成してくれるサービ
ゲームエンジンのkaboom.jsの良いところ3点
2DゲームエンジンをGitHubで探すのが日課なのですが、たまたま見つけた「kaboom.js」が良かったので紹介します。
kaboom.jsはJavaScript用の2Dゲームエンジンです。概要として公式サイトには次のように書いてあります。
"fast and fun"とあるとおり、実際に触ってみると、一瞬でスーパーマリオのようなアクションゲームが作れる気がしました。
今回は私が「これはゲー
Grid.jsを使う方法
データをテーブル表示するライブラリ『Grid.js』を使ってみたので共有します。
テーブルタグを使って自前で実装すると面倒なソート機能や検索機能や大量データへの対応がカンタンに実装できます。「テーブル表示をするならとりあえず使っとけ」くらいの気持ちで使ってみるのもアリだと思います。
今回はテーブルを表示して行毎に編集ボタンを表示するまでの手順を説明します。
この手順で、用意するファイルはHTML
Node-REDがsplitでとまってしまう問題の対処法
最近、自宅サーバーでNode-REDを動かして遊んです。遊んでる中で、splitのタイミングで処理が止まってしまう問題が発生しました。今回はこの現象の原因と対処法を共有します。わりとみんなハマるのではないかと思える現象だったので、もしよかったら最後まで読んでみてください。
問題が発生したプログラムはこちらです。割とよくあるforループのような処理です。
最初にリストを取得し、リストをsplit
ビジュアルプログラミングの時代は来るの？
こんにちは。なおしむです。
最近Node-REDというビジュアルプログラミングツールを見つけました。
ブラウザ上で処理を線で結ぶことで視覚的にソフトウェアが作れます。
実行環境としては自分のサーバが必要ですが、現時点ではとりあえず自分のPCにインストールして遊んでいます。これまでテキストによるプログラミングを行ってきましたが、UI上でコーディングをするのは新鮮で楽しい体験です。しかし、今後のコーデ
【p5.js】ブロック崩しゲームでプログラミングの魅力を体感しよう
こんにちは！
今回はp5.jsを利用して、お手軽にブロック崩しゲームを作る方法を紹介します。
初級者にとって身近なゲームを通じたプログラミング学習は、理解を深める大きなステップとなります。 今回紹介するコードは、クラシックゲームの1つである「ブロック崩し」を実装したものです。壁やボール、プレイヤーのパドル、そして自機が当たるべきブロックをオブジェクトとして作成しています。
最終的にはこんなゲームが
p5play.jsでゲームが動かなくなる？物理演算の罠とその対策
こんにちは。なおしむです。
p5.jsとp5play.jsを使えば、容易に物理演算を活用したアプリを作成することができます。私自身もこれを利用してよく遊んでいます。しかしながら、Spriteの動きが突如止まってしまう現象に遭遇したことがあります。
私が体験したのは、ボールを操作するゲームを作っていた際、正常に動いているはずのボールが突如止まってしまった事態でした。最初は一過性の問題かな、と軽く考え
未来の修正を最小限にするプログラムとは？
コードレビューをするとき、「プログラムにバグはないか？」をもちろん見るのですが、それ以外にも「未来のバグを防げるか？」という観点も見るようにしています。
プログラムは日々修正されていくものなので、現在だけでなく未来も見据える必要があります。未来のバグを防ぐための方法の一つは、「未来の修正を最小限にすること」です。修正がなければバグが入りません。今回はプログラミングの初級者向けに「未来の修正を最小限
JavaScriptをtsconfigを使って書くと快適だった
最近、JavaScriptでテトリスを作ってます。
テトリスくらいならAIにお願いすれば一瞬で完成しますが、自分でアルゴリズムを考えながら、「あーでもない、こーでもない」と言いながら作るのは楽しいものです。
テトリスは趣味で作っているので、ブラウザで簡単に実行できるJavaScriptで書いてますが、JavaScriptは型チェックがないため、バグを埋め込みやすいところが難点です。かといってTy