元Webデザイナー兼コーダーの備忘録

ウェブデザインやプログラミング、ブログのカスタマイズなどについてアウトプットしています。

 メニュー

» HTML入門のまとめはこちらです。

2023-01-01から1年間の記事一覧

Processing:ProcessingとBox2Dの記述の比較

「The Nature of Code」からProccesingとBox2dの記述の比較について取り上げます。今までの書き方と比較しながらBox2Dの基本的な書き方を見ていきます。Processingでプログラムを書いて、動作を確認します。動作を確認できるところがProcessingの楽しいとこ…

Processing:Box2Dの基本

「The Nature of Code」からBox2Dの基本について取り上げます。物理ライブラリを使うための基本知識をインプットします。Processingでプログラムを書いて、動作を確認します。動作を確認できるところがProcessingの楽しいところです。 座標 Box2Dの中核的要…

jarファイルの閲覧と解凍

Javaのライブラリをダウンロードしたら、中身がjarファイルでした。ライブラリを利用する側であることが多いので、jarファイルの中身が何なのか調べました。例として、ProcessingのPBox2Dライブラリを使います。 分かったこと jarファイルの閲覧 jarファイル…

Processing:物理ライブラリの導入

「The Nature of Code」から物理ライブラリの導入について取り上げます。ここでは、「The Nature of Code」に倣って物理ライブラリを使ってみます。Processingでプログラムを書いて、動作を確認します。動作を確認できるところがProcessingの楽しいところで…

Processing:パーティクルとテクスチャ

「The Nature of Code」からパーティクルとテクスチャについて取り上げます。パーティクルを画像で描画します。Processingでプログラムを書いて、動作を確認します。動作を確認できるところがProcessingの楽しいところです。 イメージの描画 パーティクルと…

Proccesing:パーティクルを押しのける力

「The Nature of Code」からパーティクルを押しのける力について取り上げます。パーティクルを押しのける力を持つ物体を生成します。Processingでプログラムを書いて、動作を確認します。動作を確認できるところがProcessingの楽しいところです。 パーティク…

Proccesing:パーティクルと力

「The Nature of Code」からパーティクルと力について取り上げます。パーティクルに力を適用します。ここでは、重力を付加します。Processingでプログラムを書いて、動作を確認します。動作を確認できるところがProcessingの楽しいところです。 パーティクル…

Proccesing:パーティクとポリモフィズム

「The Nature of Code」からパーティクルとポリモフィズムについて取り上げます。Javaのポリモフィズムの例をパーティクルを用いて示します。Processingでプログラムを書いて、動作を確認します。動作を確認できるところがProcessingの楽しいところです。 ポ…

Proccesing:パーティクの回転と継承

「The Nature of Code」からパーティクルの回転と継承について取り上げます。Javaの継承の例をパーティクルを用いて示します。Processingでプログラムを書いて、動作を確認します。動作を確認できるところがProcessingの楽しいところです。 継承 まとめ 参考…

Proccesing:パーティクル群のリスト化

「The Nature of Code」からパーティクル群をリスト化する方法を取り上げます。複数のパーティクル群を扱えるようになります。Processingでプログラムを書いて、動作を確認します。動作を確認できるところがProcessingの楽しいところです。 パーティクル群の…

Proccesing:パーティクル群

「The Nature of Code」から複数のパーティクルの塊の扱い方について取り上げます。複数のパーティクルの集まりをひとまとまりとして扱います。Processingでプログラムを書いて、動作を確認します。動作を確認できるところがProcessingの楽しいところです。 …

Proccesing:複数のパーティクルとイテレータ

「The Nature of Code」から複数のパーティクルとイテレータについて取り上げます。複数のパーティクルをイテレータで処理する方法を見ていきます。Processingでプログラムを書いて、動作を確認します。動作を確認できるところがProcessingの楽しいところで…

Proccesing:複数のパーティクル

「The Nature of Code」から複数のパーティクルについて取り上げます。複数のパーティクルを描画する方法を見ていきます。Processingでプログラムを書いて、動作を確認します。動作を確認できるところがProcessingの楽しいところです。 Particleクラス 複数…

Proccesing:パーティクル

「The Nature of Code」からパーティクルについて取り上げます。まず、ひと粒のパーティクルを描画することから始めます。Processingでプログラムを書いて、動作を確認します。動作を確認できるところがProcessingの楽しいところです。 パーティクル パーテ…

Proccesing:ばね

「The Nature of Code」からばねについて取り上げます。ばねにかかる力を計算して、ばねをシミュレーションします。Processingでプログラムを書いて、動作を確認します。動作を確認できるところがProcessingの楽しいところです。 ばねの描き方 ばねのシミュ…

Proccesing:三角法と力:振り子

「The Nature of Code」から振り子について取り上げます。振り子にかかる力を計算して、振り子をシミュレーションします。Processingでプログラムを書いて、動作を確認します。動作を確認できるところがProcessingの楽しいところです。 振り子の構成 振り子…

ChatGPTを利用したブログ記事の作り方

当ブログは、一応IT技術的な側面を持つブログです。そこで、ChatGPTを利用するとどのようなブログ記事が作れるのか試してみました。ChatGPTを使ってみて自分なりに分かったことやChatGPTとの向き合い方、使い道について考えるよい機会になりました。 前提 手…

HTML入門:学習方法と学習リソース

HTMLを学ぶには、どんな方法がありますか?どんな学習リソースが役に立ちますか?この記事では、初心者におすすめのHTMLの学習方法と学習リソースを紹介します。 HTMLの学習方法 書籍 オンラインサービス プログラミングスクール HTMLの学習リソース 公式ド…

構造化プログラミング:概要

構造化プログラミング*1とは、コードの書き方のことです。 プログラムの基本構文は分かるが、どのようにコードに落とし込んだら良いのか悩んでいる方がいましたら、本記事を参考にしてみてください。プログラムの書き方のヒントになれば幸いです。 今回は、…

実験:ChatGPTでブログを書いたら初めて収益が出た話

ChatGPTで作った記事で収益化できるのか実験しました。ちょうどアマゾンのゴールデンウィークセールが近かったので、その内容で記事を作りました。 記事タイトルで「ChatGPT」と書きましたが、正確には「Bingのチャット機能」を利用してブログの記事を書いて…

アフィリエイトの始め方:A8.net

これから紹介する3つのことを行うと、A8.netを始められます。「1.会員登録」「2.広告主に提携を申請する」「3.広告をサイトに貼る」の3つです。会員登録したらすぐにはじめられます。会員登録に審査はありません。 会員登録 会員登録で入力する情報 会員登録…

プログラミングの勉強法3選

費用と時間の観点からプログラミングの勉強法をお伝えします。経済状況やライフスタイルは人によって違うので、自分に合う勉強法を見つけてもらえればと思います。 また、何をゴールとするのかで勉強法は変わると思います。何故あなたはプログラミングを勉強…

ブログの運営記録

当ブログの紹介、記事の作成法、サイト分析ツール、収益化、デザインカスタマイズ、ブログ運営の振り返りについてまとめています。ブログ運営といってもどのようなことをしているのか一例として見ていただければと思います。 このブログについて 記事作成法 …

アフィリエイトの始め方:もしもアフィリエイト

これから紹介する3つのことを行うと、もしもアフィリエイトを始められます。「1.会員登録」「2.広告主に提携を申請する」「3.広告をサイトに貼る」の3つです。会員登録に審査がありますが、心配するようなことはないと思います。 会員登録 会員登録で入力す…

Proccesingにおける波の描き方

「The Nature of Code」から波について取り上げます。静止している波と運動している波の描き方を見ていきます。Processingでプログラムを書いて、動作を確認します。動作を確認できるところがProcessingの楽しいところです。 波の描き方 波を描く:静止 波を…

Processing:オシレーターオブジェクト:振動

「The Nature of Code」から単振動について取り上げます。単振動の出力値を振り子のx座標とy座標に適用します。また、振動をオシレータークラスとして書き出します。Processingでプログラムを書いて、動作を確認します。動作を確認できるところがProcessing…

参考書とマンガの読書記録

2021年からの読書記録を残します。 私は、コンピュータ・プログラミング関連の本をよく読みます。 マンガを読書に含めるか否かの議論があるようですが、個人的には冊数をかせぐためマンガも読書に含めています。あと、マンガを読書に含めることで読書のハー…

Processingにおける単振動:振幅と周期

「The Nature of Code」から単振動について取り上げます。ここでは、単振動の出力値を振り子の座標に適用します。Processingでプログラムを書いて、動作を確認します。動作を確認できるところがProcessingの楽しいところです。 用語の整理:振幅と周期 y=sinθ…

Processingにおけるキー入力の例

「The Nature of Code」からキー入力について取り上げます。キーが押されたら何かしらの動作をさせます。Processingでプログラムを書いて、動作を確認します。動作を確認できるところがProcessingの楽しいところです。 キー入力の例:移動 キー入力の例:回転 …

Processing:極座標とデカルト座標:振り子のようなものを作る

「The Nature of Code」から極座標とデカルト座標について取り上げます。前回の記事では、極座標からデカルト座標に変換する方法について学びました。今回は、振り子を模したものをProcessing上で作ります。振り子と言っても直線と円を描画するだけです。そ…

» HTML入門のまとめはこちらです。