なおしむ

多くの人にプログラミングを楽しんでもらいたいアプリケーションエンジニア。プログラミング…

なおしむ

多くの人にプログラミングを楽しんでもらいたいアプリケーションエンジニア。プログラミングの楽しさを発信します。 子育て / エンジニア / エンジニアリングマネージャー / チーム / 育成 / マネジメント / スクラム / js / Java / Scratch

マガジン

  • 子供がScratchをマスターしたら次は何をさせるべきか?

    4月にCoderDojoという子供たちのプログラミングコミュニティに参加したときに、あるお母さんからこんな質問をされました。 「子供がScratchをマスターしたら次は何をさせるべきでしょうか?」 この問いに応えるべく思考を整理しています。 このマガジンはそのまとめです。

記事一覧

Grid.jsを使う方法

データをテーブル表示するライブラリ『Grid.js』を使ってみたので共有します。 テーブルタグを使って自前で実装すると面倒なソート機能や検索機能や大量データへの対応がカ…

なおしむ
9日前
3

Node-REDがsplitでとまってしまう問題の対処法

最近、自宅サーバーでNode-REDを動かして遊んです。遊んでる中で、splitのタイミングで処理が止まってしまう問題が発生しました。今回はこの現象の原因と対処法を共有しま…

なおしむ
2か月前
4

【漫画】中年の不眠

なおしむ
4か月前

ビジュアルプログラミングの時代は来るの?

こんにちは。なおしむです。 最近Node-REDというビジュアルプログラミングツールを見つけました。 ブラウザ上で処理を線で結ぶことで視覚的にソフトウェアが作れます。 実…

なおしむ
4か月前
17

もうすぐ年末ですが、今年の目標は達成しそう?

早いもので今年ももう12月です。 1月に「今年はxxするぞ!」と目標を立てた人も多いと思いますが、いかがでしょうか? 今回は今年の目標とその進捗報告をします。 結論は「…

なおしむ
5か月前

【p5.js】ブロック崩しゲームでプログラミングの魅力を体感しよう

こんにちは! 今回はp5.jsを利用して、お手軽にブロック崩しゲームを作る方法を紹介します。 初級者にとって身近なゲームを通じたプログラミング学習は、理解を深める大き…

なおしむ
5か月前
1

p5play.jsでゲームが動かなくなる?物理演算の罠とその対策

こんにちは。なおしむです。 p5.jsとp5play.jsを使えば、容易に物理演算を活用したアプリを作成することができます。私自身もこれを利用してよく遊んでいます。しかしなが…

なおしむ
5か月前
3

未来の修正を最小限にするプログラムとは?

コードレビューをするとき、「プログラムにバグはないか?」をもちろん見るのですが、それ以外にも「未来のバグを防げるか?」という観点も見るようにしています。 プログ…

なおしむ
5か月前
3

【FFmpeg】動画の音声を削除する方法

動画ファイルはサイズが大きいイメージがありますが実際のところは大きいのは映像よりも音声だったりします。 なので、音声が不要な動画では、音声を削除することでファイ…

なおしむ
6か月前

JavaScriptをtsconfigを使って書くと快適だった

最近、JavaScriptでテトリスを作ってます。 テトリスくらいならAIにお願いすれば一瞬で完成しますが、自分でアルゴリズムを考えながら、「あーでもない、こーでもない」と…

なおしむ
6か月前
4

【p5.js】テトリスのブロックを描く

なんとなくテトリスがやりたくなってきたので、自作することにしました。 テトリスのスマホアプリを検索するとたくさんヒットしますが、どれも広告が表示されてうざかった…

なおしむ
6か月前

【音声】愛用してたイヤホンが壊れたけど、ちょっとうれしい

雑談です。 壊れたイヤホン ソニー ワイヤレスオープンイヤーステレオイヤホン SBH82D : Bluetooth/ながら聴き/NFC対応/マイク・操作ボタン付 2019年モデル ブラック SBH8…

なおしむ
10か月前

Go言語はじめてみた

Go言語をはじめてみた。 とくに作りたいものがあるわけではないので、とりあえずゲームラブラリで遊んでいます。 Ebitengine - A dead simple 2D game engine for Go 海…

なおしむ
11か月前
4

SVG形式の表示をそろえる戦い Kdenlive vs ブラウザ

最近、YouTubeにマイクラのプレイ動画をあげて遊んでます。 動画編集ソフトには無料で使えるKdenliveを使っています。 Kdenliveではsvg形式というXMLで記述された画像を読…

なおしむ
1年前
1

MisskeyでRSSを取得する

以前、マストドンでRSSを取得する方法を紹介しました。 「同じようにしたらMisskeyでも取れるのかな?」と思ってやってみたら取れました。偶然見つけて嬉しくなったので共…

なおしむ
1年前
6

【コピペでOK】GoogleAppsScriptを使ってMisskeyに投稿する方法

最近、Misskeyを使い始めました。 Misskeyとは、syuilo氏が開発している分散型ミニブログSNSです。 だいたいTwitterと同じで、思ったことをつぶやくサービスです。 最近は…

なおしむ
1年前
12
Grid.jsを使う方法

Grid.jsを使う方法

データをテーブル表示するライブラリ『Grid.js』を使ってみたので共有します。
テーブルタグを使って自前で実装すると面倒なソート機能や検索機能や大量データへの対応がカンタンに実装できます。「テーブル表示をするならとりあえず使っとけ」くらいの気持ちで使ってみるのもアリだと思います。

今回はテーブルを表示して行毎に編集ボタンを表示するまでの手順を説明します。
この手順で、用意するファイルはHTML

もっとみる
Node-REDがsplitでとまってしまう問題の対処法

Node-REDがsplitでとまってしまう問題の対処法

最近、自宅サーバーでNode-REDを動かして遊んです。遊んでる中で、splitのタイミングで処理が止まってしまう問題が発生しました。今回はこの現象の原因と対処法を共有します。わりとみんなハマるのではないかと思える現象だったので、もしよかったら最後まで読んでみてください。

問題が発生したプログラムはこちらです。割とよくあるforループのような処理です。

最初にリストを取得し、リストをsplit

もっとみる
ビジュアルプログラミングの時代は来るの?

ビジュアルプログラミングの時代は来るの?

こんにちは。なおしむです。
最近Node-REDというビジュアルプログラミングツールを見つけました。
ブラウザ上で処理を線で結ぶことで視覚的にソフトウェアが作れます。
実行環境としては自分のサーバが必要ですが、現時点ではとりあえず自分のPCにインストールして遊んでいます。これまでテキストによるプログラミングを行ってきましたが、UI上でコーディングをするのは新鮮で楽しい体験です。しかし、今後のコーデ

もっとみる
もうすぐ年末ですが、今年の目標は達成しそう?

もうすぐ年末ですが、今年の目標は達成しそう?

早いもので今年ももう12月です。
1月に「今年はxxするぞ!」と目標を立てた人も多いと思いますが、いかがでしょうか?
今回は今年の目標とその進捗報告をします。
結論は「ギリギリだけど、、なんとか達成したい。。」です。

2023年の目標は「毎週アウトプットする」私の今年の目標は「毎週アウトプットする」です。
具体的には、ブログ、podcast、YouTubeへの投稿を年間52件することです。
去年

もっとみる
【p5.js】ブロック崩しゲームでプログラミングの魅力を体感しよう

【p5.js】ブロック崩しゲームでプログラミングの魅力を体感しよう

こんにちは!
今回はp5.jsを利用して、お手軽にブロック崩しゲームを作る方法を紹介します。
初級者にとって身近なゲームを通じたプログラミング学習は、理解を深める大きなステップとなります。 今回紹介するコードは、クラシックゲームの1つである「ブロック崩し」を実装したものです。壁やボール、プレイヤーのパドル、そして自機が当たるべきブロックをオブジェクトとして作成しています。
最終的にはこんなゲームが

もっとみる
p5play.jsでゲームが動かなくなる?物理演算の罠とその対策

p5play.jsでゲームが動かなくなる?物理演算の罠とその対策

こんにちは。なおしむです。
p5.jsとp5play.jsを使えば、容易に物理演算を活用したアプリを作成することができます。私自身もこれを利用してよく遊んでいます。しかしながら、Spriteの動きが突如止まってしまう現象に遭遇したことがあります。
私が体験したのは、ボールを操作するゲームを作っていた際、正常に動いているはずのボールが突如止まってしまった事態でした。最初は一過性の問題かな、と軽く考え

もっとみる
未来の修正を最小限にするプログラムとは?

未来の修正を最小限にするプログラムとは?

コードレビューをするとき、「プログラムにバグはないか?」をもちろん見るのですが、それ以外にも「未来のバグを防げるか?」という観点も見るようにしています。
プログラムは日々修正されていくものなので、現在だけでなく未来も見据える必要があります。未来のバグを防ぐための方法の一つは、「未来の修正を最小限にすること」です。修正がなければバグが入りません。今回はプログラミングの初級者向けに「未来の修正を最小限

もっとみる
【FFmpeg】動画の音声を削除する方法

【FFmpeg】動画の音声を削除する方法

動画ファイルはサイズが大きいイメージがありますが実際のところは大きいのは映像よりも音声だったりします。
なので、音声が不要な動画では、音声を削除することでファイルサイズを小さくできます。
私の場合、PC画面の操作風景をスクリーンキャストで録画する際には、音声が不要なことが多いため、頻繁に削除しています。
この際に使用するコマンドを備忘録として残しておきます。

ffmpeg -i 入力ファイル -

もっとみる
JavaScriptをtsconfigを使って書くと快適だった

JavaScriptをtsconfigを使って書くと快適だった

最近、JavaScriptでテトリスを作ってます。
テトリスくらいならAIにお願いすれば一瞬で完成しますが、自分でアルゴリズムを考えながら、「あーでもない、こーでもない」と言いながら作るのは楽しいものです。

テトリスは趣味で作っているので、ブラウザで簡単に実行できるJavaScriptで書いてますが、JavaScriptは型チェックがないため、バグを埋め込みやすいところが難点です。かといってTy

もっとみる
【p5.js】テトリスのブロックを描く

【p5.js】テトリスのブロックを描く

なんとなくテトリスがやりたくなってきたので、自作することにしました。
テトリスのスマホアプリを検索するとたくさんヒットしますが、どれも広告が表示されてうざかったので。。
対戦もなく、難易度が上がることもなく、まったりとプレイできるテトリスがやりたかったので、自作します。

開発環境は、JavaScript + p5.jsです。
ゲームを作るときはPhaser.jsを使うことが多いですが、今回はp5

もっとみる

【音声】愛用してたイヤホンが壊れたけど、ちょっとうれしい

雑談です。

壊れたイヤホン ソニー ワイヤレスオープンイヤーステレオイヤホン SBH82D : Bluetooth/ながら聴き/NFC対応/マイク・操作ボタン付 2019年モデル ブラック SBH82D B

https://amzn.asia/d/ffb3Gr4

Go言語はじめてみた

Go言語はじめてみた

Go言語をはじめてみた。
とくに作りたいものがあるわけではないので、とりあえずゲームラブラリで遊んでいます。

Ebitengine - A dead simple 2D game engine for Go

海老天てw
ライブラリの機能としてはかなりシンプル。
ゲームエンジンというよりも描画エンジンと思った方がよさそうですが
入門としてはちょうど良い。

サンプルで遊んでて、少しつまづいたので

もっとみる
SVG形式の表示をそろえる戦い Kdenlive vs ブラウザ

SVG形式の表示をそろえる戦い Kdenlive vs ブラウザ

最近、YouTubeにマイクラのプレイ動画をあげて遊んでます。
動画編集ソフトには無料で使えるKdenliveを使っています。

Kdenliveではsvg形式というXMLで記述された画像を読み込むことができます。svg形式を使うとテロップなどのテキストがキレイに表示できるのでうれしいです。
たとえばこんな感じ。

いい感じですね。
「こんなんカンタンに表示できるだろ」と思っていたのですが、、この

もっとみる
MisskeyでRSSを取得する

MisskeyでRSSを取得する

以前、マストドンでRSSを取得する方法を紹介しました。

「同じようにしたらMisskeyでも取れるのかな?」と思ってやってみたら取れました。偶然見つけて嬉しくなったので共有します。

方法としてはマストドン全く同じです。
ユーザーのURLの後ろに「.rss」をつけるとRSSが取れます。
https://misskey.systems/@naosim.rss
「.atom」も取れました。
http

もっとみる
【コピペでOK】GoogleAppsScriptを使ってMisskeyに投稿する方法

【コピペでOK】GoogleAppsScriptを使ってMisskeyに投稿する方法

最近、Misskeyを使い始めました。
Misskeyとは、syuilo氏が開発している分散型ミニブログSNSです。
だいたいTwitterと同じで、思ったことをつぶやくサービスです。

最近はTwitterの種々の騒動を受けて「Twitter vs Misskey」みたいな構図で語られがちですが、結局は使い分けかなと思います。
私は、Twitterは好きな人をフォローして楽しむもので、
Miss

もっとみる