2023-10-01_21-33

This commit is contained in:
ocogeclub 2023-10-01 21:33:23 +09:00
parent 37309381fa
commit 4469813846
36 changed files with 53 additions and 53 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,4 +1,4 @@
<!doctype html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Untitled | おこげ俱楽部</title><meta name="title" content="Untitled | おこげ俱楽部"><meta name="description" content="Ohiwa Code Generator - Portal"><meta name="keywords" content="オコゲ,blockly,プログラミング,上野学習塾"><meta name="author" content="ocogeclub"><meta name="robots" content="index, follow"><link rel="canonical" href="https://ocoge.club/img/"><link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png"><link rel="apple-touch-icon" href="/assets/img/apple-touch-icon.png"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Nunito:wght@500&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap"><script src="https://kit.fontawesome.com/73f7be0650.js" crossorigin="anonymous"></script><link rel="stylesheet" href="/assets/floatbox/floatbox.css"><script src="/assets/floatbox/floatbox.js" defer="defer"></script><link rel="stylesheet" href="/assets/css/ocmain.css"><link rel="stylesheet" href="/assets/css/main.css"><link rel="stylesheet" href="/assets/css/footer.css"><link rel="stylesheet" href="/assets/css/post.css"><meta property="og:title" content="Untitled | おこげ俱楽部"><meta property="og:description" content="Ohiwa Code Generator - Portal"><meta property="og:url" content="https://ocoge.club/img/"><meta property="og:site_name" content="おこげ俱楽部"><meta name="twitter:card" content="summary"><meta name="twitter:site" content="@ocogeclub"></head><body class="flex flex-col h-screen bg-white text-gray-800 break-words"><header id="header" class="header-shadow bg-white px-6 py-5 z-50 fixed w-full top-0 transition-all transform ease-in-out duration-500"><div class="max-w-5xl mx-auto flex items-center flex-wrap justify-between"><div class="sm:mr-8"><a class="flex items-center" href="/"><span class="text-xl text-teal-700 font-semibold self-center"><img src="/assets/img/ocoge_title_kogecha.webp" title="おこげ俱楽部" alt="おこげ俱楽部" id="site_title"></span></a></div><nav id="menu" class="order-last md:order-none items-center flex-grow w-full md:w-auto md:flex hidden mt-2 md:mt-0"><a href="/about" class="block mt-4 md:inline-block md:mt-0 font-medium text-gray-700 hover:text-teal-600 text-base mr-4">About</a> <a href="/tags" class="block mt-4 md:inline-block md:mt-0 font-medium text-gray-700 hover:text-teal-600 text-base mr-4">Tag List</a> <a href="https://cloud.ocoge.club/" target="_blank" rel="noopener" class="block mt-4 md:inline-block md:mt-0 font-medium text-gray-700 hover:text-teal-600 text-base mr-4">Cloud/Mail</a> <a href="https://git.ocoge.club/ocogeclub/pages" target="_blank" rel="noopener" class="block mt-4 md:inline-block md:mt-0 font-medium text-gray-700 hover:text-teal-600 text-base mr-4">ocogIt</a></nav><form id="search" action="/search" class="order-last sm:order-none flex-grow items-center justify-end hidden sm:block mt-6 sm:mt-0"><label class="visually-hidden" for="header-searchbox">記事タイトル/概要を検索 ...</label> <input type="text" id="header-searchbox" name="q" placeholder="記事タイトル/概要を検索 ..." class="w-full sm:max-w-xs bg-gray-200 border border-transparent float-right focus:bg-white focus:border-gray-300 focus:outline-none h-8 p-4 placeholder-gray-500 rounded text-gray-700 text-sm"></form><div id="menu-toggle" class="flex items-center md:hidden text-gray-700 hover:text-teal-600 cursor-pointer sm:ml-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></div></div></header><main class="mx-7 lg:mx-6 mt-32 flex-grow"><article class="max-w-5xl mx-auto"><header class="mb-14"><h1 class="text-3xl text-center font-bold leading-normal text-gray-900 mt-0 mb-3">Untitled</h1><div class="text-center"><i class="fa-regular fa-clock"></i> September 15, 2023</div></header><div id="content" class="prose text-gray-800 max-w-none"><!doctype html><body style="background-color: green;"><img src="./tama_ko.webp"></body></div><div class="mt-10"><div id="disqus_thread"></div><script>let disqusLoaded = false;
<!doctype html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Untitled | おこげ俱楽部</title><meta name="title" content="Untitled | おこげ俱楽部"><meta name="description" content="Ohiwa Code Generator - Portal"><meta name="keywords" content="オコゲ,blockly,プログラミング,上野学習塾"><meta name="author" content="ocogeclub"><meta name="robots" content="index, follow"><link rel="canonical" href="https://ocoge.club/img/"><link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png"><link rel="apple-touch-icon" href="/assets/img/apple-touch-icon.png"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Nunito:wght@500&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap"><script src="https://kit.fontawesome.com/73f7be0650.js" crossorigin="anonymous"></script><link rel="stylesheet" href="/assets/floatbox/floatbox.css"><script src="/assets/floatbox/floatbox.js" defer="defer"></script><link rel="stylesheet" href="/assets/css/ocmain.css"><link rel="stylesheet" href="/assets/css/main.css"><link rel="stylesheet" href="/assets/css/footer.css"><link rel="stylesheet" href="/assets/css/post.css"><meta property="og:title" content="Untitled | おこげ俱楽部"><meta property="og:description" content="Ohiwa Code Generator - Portal"><meta property="og:url" content="https://ocoge.club/img/"><meta property="og:site_name" content="おこげ俱楽部"><meta name="twitter:card" content="summary"><meta name="twitter:site" content="@ocogeclub"></head><body class="flex flex-col h-screen bg-white text-gray-800 break-words"><header id="header" class="header-shadow bg-white px-6 py-5 z-50 fixed w-full top-0 transition-all transform ease-in-out duration-500"><div class="max-w-5xl mx-auto flex items-center flex-wrap justify-between"><div class="sm:mr-8"><a class="flex items-center" href="/"><span class="text-xl text-teal-700 font-semibold self-center"><img src="/assets/img/ocoge_title_kogecha.webp" title="おこげ俱楽部" alt="おこげ俱楽部" id="site_title"></span></a></div><nav id="menu" class="order-last md:order-none items-center flex-grow w-full md:w-auto md:flex hidden mt-2 md:mt-0"><a href="/about" class="block mt-4 md:inline-block md:mt-0 font-medium text-gray-700 hover:text-teal-600 text-base mr-4">About</a> <a href="/tags" class="block mt-4 md:inline-block md:mt-0 font-medium text-gray-700 hover:text-teal-600 text-base mr-4">Tag List</a> <a href="https://cloud.ocoge.club/" target="_blank" rel="noopener" class="block mt-4 md:inline-block md:mt-0 font-medium text-gray-700 hover:text-teal-600 text-base mr-4">Cloud/Mail</a> <a href="https://git.ocoge.club/ocogeclub/pages" target="_blank" rel="noopener" class="block mt-4 md:inline-block md:mt-0 font-medium text-gray-700 hover:text-teal-600 text-base mr-4">ocogIt</a></nav><form id="search" action="/search" class="order-last sm:order-none flex-grow items-center justify-end hidden sm:block mt-6 sm:mt-0"><label class="visually-hidden" for="header-searchbox">記事タイトル/概要を検索 ...</label> <input type="text" id="header-searchbox" name="q" placeholder="記事タイトル/概要を検索 ..." class="w-full sm:max-w-xs bg-gray-200 border border-transparent float-right focus:bg-white focus:border-gray-300 focus:outline-none h-8 p-4 placeholder-gray-500 rounded text-gray-700 text-sm"></form><div id="menu-toggle" class="flex items-center md:hidden text-gray-700 hover:text-teal-600 cursor-pointer sm:ml-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></div></div></header><main class="mx-7 lg:mx-6 mt-32 flex-grow"><article class="max-w-5xl mx-auto"><header class="mb-14"><h1 class="text-3xl text-center font-bold leading-normal text-gray-900 mt-0 mb-3">Untitled</h1><div class="text-center"><i class="fa-regular fa-clock"></i> 2023年9月15日</div></header><div id="content" class="prose text-gray-800 max-w-none"><!doctype html><body style="background-color: green;"><img src="./tama_ko.webp"></body></div><div class="mt-10"><div id="disqus_thread"></div><script>let disqusLoaded = false;
let disqus_config = function () {
this.page.url = 'https://ocoge.club/img/';
this.page.identifier = 'img';

File diff suppressed because one or more lines are too long

View File

@ -3,98 +3,98 @@
{
"url": "/ict-course-portal/",
"title": "『おこげ俱楽部』",
"date": "January 1, 2199",
"date": "2199年1月1日",
"description": "『情報コース』ご紹介、独自のブロックプログラミング環境『オコゲ』、教室での実習内容や周辺技術情報等のアウトプット"
},
{
"url": "/2023-03-22_server/",
"title": "おこげ倶楽部自宅サーバについて",
"date": "March 22, 2023",
"date": "2023年3月22日",
"description": "ocoge.club は Raspberry Pi 自宅サーバにてホスティングされています。Webサーバ、メールサーバ稼働中。さらに..."
},
{
"url": "/2022-08-03_paj7620/",
"title": "ジェスチャーセンサ PAJ7620 を試す",
"date": "August 3, 2022",
"date": "2022年8月3日",
"description": "ちょっと楽しそうなハンドジェスチャセンサモジュール PAJ7620 を入手したので、『オコゲ』を使って遊んでみました。"
},
{
"url": "/2022-07-26_rp2040/",
"title": "海外からいろいろ届いたよ",
"date": "July 26, 2022",
"date": "2022年7月26日",
"description": "RP2040 ベースのマイクロコントローラユニットをいくつか買ってみました。"
},
{
"url": "/2022-06-21_aqm0802a/",
"title": "AQM0802A に文字を表示してみる",
"date": "June 21, 2022",
"date": "2022年6月21日",
"description": "『ゲーム電卓パイ』プロジェクトそのLCD キャラクタディスプレイモジュール AQM0802A を試してみる"
},
{
"url": "/2022-06-10_game-dentak/",
"title": "『ゲーム電卓パイ』プロジェクト",
"date": "June 14, 2022",
"date": "2022年6月14日",
"description": "Raspberry Pi と LCD キャラクタディスプレイモジュールで「ゲーム電卓」を再現してみる"
},
{
"url": "/2022-05-16_tf-janken/",
"title": "『オコゲ』でぐーちょきぱーを機械学習",
"date": "May 16, 2022",
"date": "2022年5月16日",
"description": "『オコゲ』デスクトップ版の機能を動画でご紹介。サーマルカメラと TensorFlow を使ったインタラクティブでリアルタイムな機械学習。"
},
{
"url": "/2022-05-14_petitlesson-01_typewriter-1/",
"title": "プチレッスン『タイプライターっぽいもの』その1",
"date": "May 15, 2022",
"date": "2022年5月15日",
"description": "サンプルプログラム「タイプライターもどき」をもうちょっとだけタイプライターっぽくしてみましょう。"
},
{
"url": "/petit-lesson/",
"title": "プチレッスン目次",
"date": "May 14, 2022",
"date": "2022年5月14日",
"description": "各レッスンに進む前にお読みください。問題形式で『オコゲ』でのプログラミング学習を体験することができます。"
},
{
"url": "/2022-05-14_mascots/",
"title": "『オコゲ』マスコットのご紹介",
"date": "May 13, 2022",
"date": "2022年5月13日",
"description": "『オコゲ』のキャンバスにデフォルトで表示されるマスコットキャラクターをご紹介。"
},
{
"url": "/2022-05-13_account/",
"title": "受講生限定アカウントサービス",
"date": "May 13, 2022",
"date": "2022年5月13日",
"description": "『情報コース』受講者でご希望の方に、『おこげ倶楽部』オリジナルのメールアドレスとクラウドストレージを進呈しております。"
},
{
"url": "/2022-05-07_demo/",
"title": "『オコゲ』Web 体験版",
"date": "May 7, 2022",
"date": "2022年5月7日",
"description": "ブロックプログラミングを体験してみましょう。ハードウェアなどの制限から、Web体験版ではできないこともありますが、感触を確かめることはできます。"
},
{
"url": "/2022-05-01_ocoge-about/",
"title": "ブロックプログラミング環境『オコゲ』",
"date": "May 1, 2022",
"date": "2022年5月1日",
"description": "『オコゲ』は、Google Blockly ライブラリを使用して作られた、Raspberry Pi 向けブロックプログラミング環境です。"
},
{
"url": "/2022-04-27_ict-motto/",
"title": "『情報コース』もっとくわしく編",
"date": "April 27, 2022",
"date": "2022年4月27日",
"description": "『情報コース』では Raspberry Pi やブロックプログラム開発環境『オコゲ』、センサやモータなどを使用して、楽しみながら ICT や IoT などの情報技術を学習します。"
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -9,7 +9,7 @@ tags:
- オコゲ
---
{% simplebox 'box_stripe' %}Raspberry Pi 専用デスクトップアプリ『オコゲ』は、Raspberry Pi の GPIO に直接アクセス{% annotate 1 %}することができます。また、特定のセンサーに対応した専用ブロック{% annotate %}も用意されています。
{% simplebox 'box_stripe' %}Raspberry Pi 専用デスクトップアプリ『オコゲ』は、Raspberry Pi の GPIO に直接アクセス{% annotate 1 %}することができます。また、特定のモジュールに対応した専用ブロック{% annotate %}も用意されています。
ここでは、デスクトップ版『オコゲ』の目玉機能のひとつ、GPIO と TensorFlow.js{% annotate %} を使った「機械学習体験」をご紹介いたします。{% endsimplebox %}
{% talkicon_l {img: 'tama.webp', name: 'タマちー'} %}{% says_l %}
@ -167,10 +167,10 @@ Google で「機械学習」を検索してトップに表示される野村総
{% small 1 %}pigpio デーモンを利用するので厳密には直接ではないが...{% endsmall %}
{% small %} 2022年月現在、センサー専用ブロックは次の通り。
● 赤外線アレイセンササーマルカメラAMG8833
● ジェスチャーセンサー PAJ7620
● 温湿度センサー DHT11
● 温湿度気圧センサー BME280
赤外線アレイセンササーマルカメラAMG8833{% endsmall %}
有機ELディスプレイ (SSD1306){% endsmall %}
{% small %}{% link_new {uri: 'https://www.tensorflow.org/js?hl=ja',title: ''} %}TensorFlow.js{% endlink_new %} は、JavaScript 上で利用できる TensorFlow 実装。
TensorFlow といえばプログラム言語は Python が定番だが、Raspberry Pi では最新の TensorFlow を使おうと思うと、できないこともないようではあるものの、環境構築やインストールなど、少々敷居が高い。ありていに言うと、面倒くさい。TensorFlow.js は、それ自体が JavaScript で書かれているため、ブラウザ上の JavaScript から簡単に扱うことができ、導入の手間もほとんどかからない。スクリプト言語で書かれているが故の速度的な問題も {% link_new {uri: 'https://github.com/tensorflow/tfjs/tree/master/tfjs-backend-wasm',title: ''} %}WebAssembly バックエンド{% endlink_new %} (wasm) でほぼ解決。そのまま使えるいくつもの有用な{% link_new {uri: 'https://www.tensorflow.org/js/models?hl=ja',title: ''} %}学習済みモデル{% endlink_new %}があらかじめ用意されているうえ、AI に触れたことのない Webフロントエンジニアを意識しているようで、初学者向けの平易なドキュメントも充実している。「画像の転移学習」にはステップバイステップの丁寧な{% link_new {uri: 'https://codelabs.developers.google.com/codelabs/tensorflowjs-teachablemachine-codelab?hl=ja#0',title: ''} %}チュートリアル{% endlink_new %}まで存在する。『オコゲ』を Blockly + Electron で開発してきたのは、もしかしたらこのためだったんじゃないかと思うほどの、あつらえたかのような環境であった。正味の話、前述の転移学習チュートリアルがなかったら機械学習ブロックの導入は諦めてたかもしれない。サンキューグーグル。
{% endsmall %}

View File

@ -15,13 +15,13 @@ ocoge.club は Raspberry Pi 自宅サーバ(上写真)にてホスティン
「おこげ俱楽部」は、軽量多目的 Raspberry Pi サーバーとして絶賛開店中です...。
{% endsays_l %}
{% talkicon_r {img: 'mimmy.webp', name: 'ミミィ'} %}{% says_r %}
市場で一時期ラズパイが品薄・価格高騰した関係で、サーバのハードウェアを 4B(4GB) から、一世代古い 3B+ に変更したのよね!軽量化のために{% span "mfy" %}{% link_new {uri: "https://ja.wordpress.org", title: "シェア世界一の CMS"} %}WordPress{% endlink_new %}{% endspan %} をやめて {% span "mfg" %}{% link_new {uri: "https://jamstack.org", title: "ちょっと何言ってるか分からない"} %}Jamstack{% endlink_new %}{% endspan %} にするとかの対応をしているワ!
市場で一時期ラズパイが品薄・価格高騰した関係で、サーバのハードウェアを 4B(4GB) から、一世代古い 3B+ に変更したのよね!軽量化のために{% span "mfy" %}{% link_new {uri: "https://ja.wordpress.org", title: "シェア世界一の CMS"} %}WordPress{% endlink_new %}{% endspan %} をやめて {% span "mfg" %}{% link_new {uri: "https://jamstack.org", title: "ちょっと何言ってるか分からない"} %}Jamstack{% endlink_new %}{% endspan %} にするとかの対応をしワ!
{% endsays_r %}
{% talkicon_l {img: 'tama.webp', name: ''} %}{% think_l %}
らずぱい高くなった...
{% endthink_l %}
{% talkicon_r {img: 'mimmy.webp', name: ''} %}{% says_r %}
在庫はだいぶ回復してきた{% annotate 1 %}ようで一安心ね!価格はもうこのご時世じゃ諦めるしかないわネ
在庫はだいぶ回復してきた{% annotate 1 %}ようで一安心ね!価格はもうこのご時世じゃ諦めるしかない
{% endsays_r %}
## ハードウェア構成