pages/htdocs/index.html
2023-09-17 23:52:21 +09:00

3 lines
12 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>おこげ俱楽部 - Ohiwa Code Generator - Portal</title><meta name="title" content="おこげ俱楽部 - Ohiwa Code Generator - Portal"><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/"><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-grid.css"><meta property="og:image" content="https://ocoge.club/assets/img/apple-touch-icon.png"><meta property="og:title" content="おこげ俱楽部 - Ohiwa Code Generator - Portal"><meta property="og:description" content="Ohiwa Code Generator - Portal"><meta property="og:url" content="https://ocoge.club/"><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"><div class="max-w-5xl mx-auto"><div class="flex flex-wrap -mx-2"><div class="w-full sm:w-1/2 md:w-1/3 self-stretch p-2 mb-2"><div class="rounded shadow-md h-full abr"><a href="/ict-course-portal/"><div class="zoom"><img class="w-full m-0 rounded-t lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20viewBox%3D&#39;0%200%201%201&#39;%20height%3D&#39;500&#39;%20width%3D&#39;960&#39;%20style%3D&#39;background-color%3Argb(203%2C213%2C224)&#39;%2F%3E" data-src="/assets/img/ogp_ocogeclub-duck.webp" width="960" height="500" alt="This post thumbnail"></div></a><div class="px-6 py-5"><div class="font-semibold text-lg mb-2"><a class="text-gray-900 hover:text-gray-700" href="/ict-course-portal/">『おこげ俱楽部』</a></div><p class="text-gray-500 mb-1" title="Published date"><i class="fa-solid fa-thumbtack" title="Sticky"></i> April 25, 2022</p><p class="text-gray-600">『情報コース』ご紹介、独自のブロックプログラミング環境『オコゲ』、教室での実習内容や周辺技術情報等のアウトプット</p></div></div></div><div class="w-full sm:w-1/2 md:w-1/3 self-stretch p-2 mb-2"><div class="rounded shadow-md h-full abr"><a href="/2023-03-22_server/"><div class="zoom"><img class="w-full m-0 rounded-t lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20viewBox%3D&#39;0%200%201%201&#39;%20height%3D&#39;500&#39;%20width%3D&#39;960&#39;%20style%3D&#39;background-color%3Argb(203%2C213%2C224)&#39;%2F%3E" data-src="/assets/img/ocoge-server_2023.webp" width="960" height="500" alt="This post thumbnail"></div></a><div class="px-6 py-5"><div class="font-semibold text-lg mb-2"><a class="text-gray-900 hover:text-gray-700" href="/2023-03-22_server/">おこげ倶楽部自宅サーバについて</a></div><p class="text-gray-500 mb-1" title="Published date"><i class="fa-regular fa-clock"></i> March 22, 2023</p><p class="text-gray-600">ocoge.club は Raspberry Pi 自宅サーバにてホスティングされています。Webサーバ、メールサーバ稼働中。さらに...</p></div></div></div><div class="w-full sm:w-1/2 md:w-1/3 self-stretch p-2 mb-2"><div class="rounded shadow-md h-full abr"><a href="/2022-08-03_paj7620/"><div class="zoom"><img class="w-full m-0 rounded-t lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20viewBox%3D&#39;0%200%201%201&#39;%20height%3D&#39;500&#39;%20width%3D&#39;960&#39;%20style%3D&#39;background-color%3Argb(203%2C213%2C224)&#39;%2F%3E" data-src="/assets/img/ogp_paj7620.webp" width="960" height="500" alt="This post thumbnail"></div></a><div class="px-6 py-5"><div class="font-semibold text-lg mb-2"><a class="text-gray-900 hover:text-gray-700" href="/2022-08-03_paj7620/">ジェスチャーセンサ PAJ7620 を試す</a></div><p class="text-gray-500 mb-1" title="Published date"><i class="fa-regular fa-clock"></i> August 3, 2022</p><p class="text-gray-600">ちょっと楽しそうなハンドジェスチャセンサモジュール PAJ7620 を入手したので、『オコゲ』を使って遊んでみました。</p></div></div></div><div class="w-full sm:w-1/2 md:w-1/3 self-stretch p-2 mb-2"><div class="rounded shadow-md h-full abr"><a href="/2022-07-26_rp2040/"><div class="zoom"><img class="w-full m-0 rounded-t lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20viewBox%3D&#39;0%200%201%201&#39;%20height%3D&#39;500&#39;%20width%3D&#39;960&#39;%20style%3D&#39;background-color%3Argb(203%2C213%2C224)&#39;%2F%3E" data-src="/assets/img/ogp_rp2040boards.webp" width="960" height="500" alt="This post thumbnail"></div></a><div class="px-6 py-5"><div class="font-semibold text-lg mb-2"><a class="text-gray-900 hover:text-gray-700" href="/2022-07-26_rp2040/">海外からいろいろ届いたよ</a></div><p class="text-gray-500 mb-1" title="Published date"><i class="fa-regular fa-clock"></i> July 26, 2022</p><p class="text-gray-600">RP2040 ベースのマイクロコントローラユニットをいくつか買ってみました。</p></div></div></div><div class="w-full sm:w-1/2 md:w-1/3 self-stretch p-2 mb-2"><div class="rounded shadow-md h-full abr"><a href="/2022-06-21_aqm0802a/"><div class="zoom"><img class="w-full m-0 rounded-t lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20viewBox%3D&#39;0%200%201%201&#39;%20height%3D&#39;500&#39;%20width%3D&#39;960&#39;%20style%3D&#39;background-color%3Argb(203%2C213%2C224)&#39;%2F%3E" data-src="/assets/img/ogp_aqm0802a.webp" width="960" height="500" alt="This post thumbnail"></div></a><div class="px-6 py-5"><div class="font-semibold text-lg mb-2"><a class="text-gray-900 hover:text-gray-700" href="/2022-06-21_aqm0802a/">AQM0802A に文字を表示してみる</a></div><p class="text-gray-500 mb-1" title="Published date"><i class="fa-regular fa-clock"></i> June 21, 2022</p><p class="text-gray-600">『ゲーム電卓パイ』プロジェクトそのLCD キャラクタディスプレイモジュール AQM0802A を試してみる</p></div></div></div><div class="w-full sm:w-1/2 md:w-1/3 self-stretch p-2 mb-2"><div class="rounded shadow-md h-full abr"><a href="/2022-06-10_game-dentak/"><div class="zoom"><img class="w-full m-0 rounded-t lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20viewBox%3D&#39;0%200%201%201&#39;%20height%3D&#39;500&#39;%20width%3D&#39;960&#39;%20style%3D&#39;background-color%3Argb(203%2C213%2C224)&#39;%2F%3E" data-src="/assets/img/ogp_game-dentak.webp" width="960" height="500" alt="This post thumbnail"></div></a><div class="px-6 py-5"><div class="font-semibold text-lg mb-2"><a class="text-gray-900 hover:text-gray-700" href="/2022-06-10_game-dentak/">『ゲーム電卓パイ』プロジェクト</a></div><p class="text-gray-500 mb-1" title="Published date"><i class="fa-regular fa-clock"></i> June 14, 2022</p><p class="text-gray-600">Raspberry Pi と LCD キャラクタディスプレイモジュールで「ゲーム電卓」を再現してみる</p></div></div></div></div><div class="mt-3 flow-root"><a href="javascript:void(0)" class="float-left bg-white font-semibold py-2 px-4 border rounded shadow-md text-gray-800 cursor-default text-opacity-75">Previous</a> <a href="/page/2/" class="float-right bg-white font-semibold py-2 px-4 border rounded shadow-md text-gray-800 cursor-pointer hover:bg-gray-100">Next</a></div></div></main><footer class="mt-20 px-10 py-8 bg-gray-200"><div id="footer-badge"><a href="https://git.ocoge.club/" target="_new"><img loading="lazy" src="/assets/img/git-ocogeclub.svg" class="footer-img"></a><a href="http://creativecommons.org/licenses/by-sa/4.0/deed.ja" target="_new"><img loading="lazy" src="/assets/img/License_BY-SA_4.0.svg" class="footer-img"></a></div><div class="max-w-5xl mx-auto text-gray-700 text-center">© 2023 <a href="/" class="font-medium" target="_blank" rel="noopener">おこげ俱楽部</a>. Made by <a href="https://ocoge.club" target="_blank" rel="noopener">ocogeclub</a> using <a href="https://www.11ty.dev" target="_blank" rel="noopener">Eleventy</a> and <a href="https://github.com/dafiulh/vredeburg" target="_blank" rel="noopener">Vredeburg</a>.<br></div></footer><script src="/assets/js/bundle.js"></script></body><script>window.addEventListener('load', (event) => {
document.getElementsByTagName('html')[0].style.display='block';
});</script></html>