MENU
  • ABOUT
    • ブログの歩き方
    • プロフィール
    • 参謀リオンについて
    • 上達の全記録【随時更新】
    • 使用手帳の全記録【随時更新】
    • 運営者にとっての作品とは
  • CV
  • WORKS
    • Projects / 代表作・シリーズ
    • Commission / 企業依頼
    • Creative Coding Drawing
    • Creative-Coding-Illustration
  • BLUEPRINT
    • 全言語クリエイティブコーディング化
    • Watataku Blueprint / 記録と管理
    • LIFETIME-SOURCE-PROTOCOL
    • Diamond Path / 思考システム
    • Linked Batching / 執筆システム
    • Watatakuマニフェスト/ 未来の展望
    • 論理の哲学
    • 感性の哲学
    • MASTERY TRACE / Instagram投稿テーマ
  • METHOD
    • Processing
    • Processingの構文
    • p5.js
  • DOCUMENTARY
    • Analog Log
    • Linked Log
    • Life & Thought
  • CONTACT
言葉×コード×手書き。三位一体の表現が成長する過程の記録
クリエイティブコーディングロード
  • ABOUT
    • ブログの歩き方
    • プロフィール
    • 参謀リオンについて
    • 上達の全記録【随時更新】
    • 使用手帳の全記録【随時更新】
    • 運営者にとっての作品とは
  • CV
  • WORKS
    • Projects / 代表作・シリーズ
    • Commission / 企業依頼
    • Creative Coding Drawing
    • Creative-Coding-Illustration
  • BLUEPRINT
    • 全言語クリエイティブコーディング化
    • Watataku Blueprint / 記録と管理
    • LIFETIME-SOURCE-PROTOCOL
    • Diamond Path / 思考システム
    • Linked Batching / 執筆システム
    • Watatakuマニフェスト/ 未来の展望
    • 論理の哲学
    • 感性の哲学
    • MASTERY TRACE / Instagram投稿テーマ
  • METHOD
    • Processing
    • Processingの構文
    • p5.js
  • DOCUMENTARY
    • Analog Log
    • Linked Log
    • Life & Thought
  • CONTACT
  1. ホーム
  2. WSN : Linked

WSN : Linked– tag –

  • ワタタクの作品アーカイブ「WSN: L-011」。Javaのオブジェクト指向における「クラスの継承(extends)」の仕組みを表現したフロー図。深いネイビーの画面左側に青い枠線で囲まれた「スーパークラス(親クラス:public class Particle)」があり、内部のデータとして「int x, y;」「void move();」の記述と、シンプルな青い光の粒子が描かれている。中央には紫色のラインで「extends(引き継ぎ&拡張)」という架け橋が伸びており、右側のゴールドの枠線で囲まれた「サブクラス(子クラス:class NeonParticle extends Particle)」へと繋がっている。子クラス側には親から自動コピーされたデータがグレーで薄く表示されており、新しく追加された独自の機能として「★ void flash();(新しく追加した光る処理)」が黄色く強調され、その下でゴールドの光り輝く粒子が幾重もの美しいネオンの波紋エフェクトを纏って激しく発光している。画面下部には「extendsと書くだけで親の遺伝子を100%引き継ぎ、新しい能力(flash)だけを追加できる!」という解説テキストが表示されている。

    Javaの「extends(継承)」によるプログラムの進化をProcessingで視覚化してみた【WSN : L-011】

    2026年7月12日
    Linked Log
  • ワタタクの作品アーカイブ「WSN: L-010」。Javaのmainメソッドの引数「String[] args」をデータが流れるパイプラインとして表現したフロー図。電子の闇のような深いネイビーの背景の左側に「COMMAND LINE(外の世界)」の枠があり、「java MarioGame むてき」という文字が入力されている。そこから中央に伸びる紫色の太い直線「ワープ土管:String[] args」を通って、右側の「PROGRAM INTERNAL(プログラムの内部)」の枠へとデータが流れ込んでいる。内部では流し込まれたデータが読み取りに成功し、右側の空間全体に「★ STATUS: GOLDEN MUTEKI MODE ★」を象徴する無数の光り輝く黄金の粒子が激しく発光しながら飛び散っている。

    Javaの「args(起動ポケット)」をProcessingのワープ土管アニメーションで視覚化してみた【WSN : L-010】

    2026年7月12日
    Processing
  • ワタタクの作品アーカイブ「WSN: L-008」。電子の闇のような深いネイビーの背景に、JavaのSystem.out.printlnの階層構造が左から右へのフロー図で可視化されている。左から順に、青い枠の「① System(クラス)」、紫の枠の「② out(staticオブジェクト)」、緑の枠の「③ println()(メソッド)」という3つの箱が並び、ドットによる入れ子構造を表している。緑の箱からは黄色の接続線が右側の大きな「CONSOLE OUTPUT」のエリアへと伸びており、そこにオレンジ色の「"文字"」が出力される連鎖を表現している。下部には全体のコードと、クリック操作によるアニメーション進行の案内テキストが配置されている。

    Javaの出力呪文「System.out.println」のバケツリレーをProcessingで視覚化してみた【WSN : L-009】

    2026年7月12日
    Processing
  • ワタタクの作品アーカイブ「WSN: L-008」。電子の闇のような深いネイビーの背景の中央に、Javaのmainメソッドをイメージした巨大なサイバーグリーンの起動ボタンが描かれている。ボタンの周囲には、実体化前からメモリに常駐する領域「static」を表現した、幾重にも重なる半透明の紫色のネオンパルス光がうねるように発光している。画面全体には、起動によって解き放たれた「public」を象徴する青と「main」を象徴する緑の光り輝く粒子が激しく飛び交っており、下部には各キーワード(public、static、main)の役割を解説するテキストが配置されている。

    Javaの起動呪文「public static void main(String[] args)」をProcessingの光るスタートボタンで視覚化してみた【WSN : L-008】

    2026年7月12日
    Linked Log
  • Javaのオブジェクト指向におけるパッケージ、クラス、メソッド、変数の階層をマトリョーシカの入れ子構造(ネスト)に例えて視覚化した図解。コードの各階層が人形のパーツと連動して説明されています。

    Javaの「マトリョーシカ構造」をProcessingの入れ子アニメーションで視覚化してみた【WSN : L-007】

    2026年7月11日
    Linked Log
  • インポート(import)の世界】というタイトルの説明図。遠くのパッケージにある『com.google.search.Particle』を『import com.google.search.Particle;』という呪文で引き寄せることで、自身のプログラム『net.watataku.art』内では長い住所を書かずに『Particle』という名前だけで呼び出せるようになることを表したイラスト。

    Javaの「インポート(import)」による引き寄せ魔法をProcessingで視覚化してみた【WSN : L-006】

    2026年7月11日
    Linked Log
  • Javaのパッケージ構造と完全修飾クラス名(FQCN)の概念図。「パッケージの世界:ドット(.)でフォルダの奥深くへ潜り、プログラムを美しく保護する」という説明とともに、外側から net/ > watataku/ > art/ という階層構造のフォルダの中に「Particle.java」が配置されている様子が視覚化されています。下部には、このフォルダ階層をドットで繋いだ住所であるFQCNとして「net.watataku.art.Particle」が示されています。

    Javaの「パッケージ」によるフォルダ階層をProcessingで視覚化してみた【WSN : L-005】

    2026年7月10日
    Linked Log
  • Javaの完全修飾クラス名(FQCN)をProcessingで視覚化した実行結果画面(上部の異なる2つのパッケージから、中央下部のメイン画面へ同じ名前のParticleが住所付きフルネームで呼び出され、衝突せずに笑顔で共存しているグラフィック)

    Javaの「完全修飾クラス名(FQCN)」をProcessingで視覚化してみた【WSN : L-004】

    2026年7月10日
    Linked Log
  • Javaの名前空間をProcessingで視覚化した実行結果画面(左側に名前の衝突でエラーが起きる大混乱の世界、右側にクラスごとに部屋が分かれて整理された世界を対比したグラフィック)

    Javaの難解ワード「名前空間」をProcessingで図解コードにするとどうなる?【WSN : L-003】

    2026年7月10日
    Linked Log
12
ワタタク(Watataku)
上達の研究家 / アーティスト
独学1年9ヶ月で虎ノ門ヒルズ49階、地上250mのインフィニティプールへ作品提供・展示

言葉×コード×手書き。三位一体の表現が成長する過程の記録

【発信】クリエイティブコーディング(2024.3~) / 絵(2025.11~) / モレスキン / 思考法 / 生き方

▼運営者について
プロフィールを見る
カテゴリー
  • DOCUMENTARY (257)
    • Analog Log (5)
    • Digital Log (117)
      • Digital Log Genesis (116)
    • Life & Thought (126)
    • Linked Log (9)
  • METHOD (517)
    • AI / 研究・活用 (1)
    • Books / 資料・読書 (16)
    • Java (10)
      • Javaの構文 (4)
    • p5.js (5)
    • Processing (463)
      • Processingの構文 (393)
    • Studio Gear / 画材・ツール (3)
    • Tips / PC・効率化 (10)
    • 図形の構造と描き方 (1)
    • 手帳戦略 (4)
    • 言語化 (4)
  • WORKS (1)
    • Commission (1)
アーカイブ
タグ
AI式絵画術 (3)Flow Field (4)minacoding2025 (30)Processing & p5.js (3)WSN:Analog (5)WSN : Linked (11)アーティスト活動 (7)アートビジネス (2)エッセイ (2)クリエイティブコーディング (14)コンテスト (4)コードなし (40)ソースコード公開 (69)トンボ8900 (2)ブラックウイング (2)マインドセット (13)モレスキン (7)レビュー (2)三角関数 (4)上達の法則 (6)上達記録 (28)入門書 (6)公募 (8)初心者向け (7)図形 (2)完璧主義 (2)後で学ぶ項目 (4)応用したい表現 (10)思考整理 (2)思考法 (4)挑戦 (3)数学的な形状 (4)数学的思考 (2)数式 (4)水玉模様 (2)独学 (5)目標達成 (4)絵の上達 (7)線 (2)自己啓発 (4)自然の表現に活かせる (9)道具 (2)配列 (5)鉛筆画 (3)音楽 (2)
新着記事
  • ワタタクの作品アーカイブ「WSN: L-011」。Javaのオブジェクト指向における「クラスの継承(extends)」の仕組みを表現したフロー図。深いネイビーの画面左側に青い枠線で囲まれた「スーパークラス(親クラス:public class Particle)」があり、内部のデータとして「int x, y;」「void move();」の記述と、シンプルな青い光の粒子が描かれている。中央には紫色のラインで「extends(引き継ぎ&拡張)」という架け橋が伸びており、右側のゴールドの枠線で囲まれた「サブクラス(子クラス:class NeonParticle extends Particle)」へと繋がっている。子クラス側には親から自動コピーされたデータがグレーで薄く表示されており、新しく追加された独自の機能として「★ void flash();(新しく追加した光る処理)」が黄色く強調され、その下でゴールドの光り輝く粒子が幾重もの美しいネオンの波紋エフェクトを纏って激しく発光している。画面下部には「extendsと書くだけで親の遺伝子を100%引き継ぎ、新しい能力(flash)だけを追加できる!」という解説テキストが表示されている。
    Javaの「extends(継承)」によるプログラムの進化をProcessingで視覚化してみた【WSN : L-011】
    2026年7月12日
    Linked Log
  • Javaのextends(継承)の仕組みを「たいやき」に例えて解説した図解イラスト。親クラス(普通のたいやき)から子クラス(チョコたいやき)へ機能が拡張・コピーされる流れを表しています。
    Javaの「extends」ってなに?クラスをパワーアップさせる「型抜き」の魔法を徹底解説!
    2026年7月12日
    Javaの構文
  • ワタタクの作品アーカイブ「WSN: L-010」。Javaのmainメソッドの引数「String[] args」をデータが流れるパイプラインとして表現したフロー図。電子の闇のような深いネイビーの背景の左側に「COMMAND LINE(外の世界)」の枠があり、「java MarioGame むてき」という文字が入力されている。そこから中央に伸びる紫色の太い直線「ワープ土管:String[] args」を通って、右側の「PROGRAM INTERNAL(プログラムの内部)」の枠へとデータが流れ込んでいる。内部では流し込まれたデータが読み取りに成功し、右側の空間全体に「★ STATUS: GOLDEN MUTEKI MODE ★」を象徴する無数の光り輝く黄金の粒子が激しく発光しながら飛び散っている。
    Javaの「args(起動ポケット)」をProcessingのワープ土管アニメーションで視覚化してみた【WSN : L-010】
    2026年7月12日
    Processing
  • Javaのメインメソッド「public static void main(String[] args)」の構造を、黒板のコードと「args」と書かれた土管、データが入った宝箱を使ってコミカルに図解したアイキャッチ画像
    public static void main(String[] args) の最深部!「おまけの引き出し(args)」をわかるように完全解体!
    2026年7月12日
    Javaの構文
  • ワタタクの作品アーカイブ「WSN: L-008」。電子の闇のような深いネイビーの背景に、JavaのSystem.out.printlnの階層構造が左から右へのフロー図で可視化されている。左から順に、青い枠の「① System(クラス)」、紫の枠の「② out(staticオブジェクト)」、緑の枠の「③ println()(メソッド)」という3つの箱が並び、ドットによる入れ子構造を表している。緑の箱からは黄色の接続線が右側の大きな「CONSOLE OUTPUT」のエリアへと伸びており、そこにオレンジ色の「"文字"」が出力される連鎖を表現している。下部には全体のコードと、クリック操作によるアニメーション進行の案内テキストが配置されている。
    Javaの出力呪文「System.out.println」のバケツリレーをProcessingで視覚化してみた【WSN : L-009】
    2026年7月12日
    Processing
人気記事
  • PC画面左上の赤いマイクのアイコンの消し方【Windows11】
    PC画面左上の赤いマイクのアイコンの消し方【Windows11】
    Tips / PC・効率化
  • グーグルクロームのタブの文字サイズを大きくした方法【Windows11】
    グーグルクロームのタブの文字サイズを大きくした方法【Windows11】
    Tips / PC・効率化
  • 【Processing】fillの使い方を画像つきで解説【色がついた図形たちはきっと喜んでいる】
    【Processing】fillの使い方を画像つきで解説【色がついた図形たちは、きっと喜んでくれている】
    Processingの構文
  • 【Processing】random()関数【指定した範囲内でランダムな数を生成し、それを使って表現する】
    【Processing】random()関数【指定した範囲内でランダムな数を生成し、それを使って表現する】
    Processingの構文
  • 【Processing】arcの使い方【画像とコード付き】
    【Processing】arcの使い方【画像とコード付き】
    Processingの構文
目次