2023-04-02 08:31:07 +00:00
<!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,プログラミング,上野学習塾" >
2023-04-02 09:02:12 +00:00
< meta name = "author" content = "ocoge.club" >
2023-04-02 08:31:07 +00:00
< meta name = "robots" content = "index, follow" >
< link rel = "canonical" href = "https://ocoge.club/page/3/" >
< 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 > < / 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/page/3/" >
< 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 = "/2022-05-08_server/" >
< div class = "zoom" > < img class = "w-full m-0 rounded-t lazy" src = "data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201%201'%20height%3D'500'%20width%3D'960'%20style%3D'background-color%3Argb(203%2C213%2C224)'%2F%3E" data-src = "/assets/img/opi-server.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-05-08_server/" > おこげ倶楽部自宅サーバについて< / a >
< / div >
< p class = "text-gray-500 mb-1" title = "Published date" > < i class = "fa-regular fa-clock" > < / i > 2022年5月7日< / p >
< p class = "text-gray-600" >
ocoge.club は Orange Pi 自宅サーバにてホスティングされています。Webサーバ、メールサーバ、Git サーバ稼働中。
< / 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-05-07_demo/" >
< div class = "zoom" > < img class = "w-full m-0 rounded-t lazy" src = "data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201%201'%20height%3D'500'%20width%3D'960'%20style%3D'background-color%3Argb(203%2C213%2C224)'%2F%3E" data-src = "/assets/img/raspberrycake_ogp.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-05-07_demo/" > 『オコゲ』Web 体験版< / a >
< / div >
< p class = "text-gray-500 mb-1" title = "Published date" > < i class = "fa-regular fa-clock" > < / i > 2022年5月7日< / p >
< p class = "text-gray-600" >
ブロックプログラミングを体験してみましょう。ハードウェアなどの制限から、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-05-01_ocoge-about/" >
< div class = "zoom" > < img class = "w-full m-0 rounded-t lazy" src = "data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201%201'%20height%3D'500'%20width%3D'960'%20style%3D'background-color%3Argb(203%2C213%2C224)'%2F%3E" data-src = "/assets/img/ogp_ocoge.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-05-01_ocoge-about/" > ブロックプログラミング環境『オコゲ』< / a >
< / div >
< p class = "text-gray-500 mb-1" title = "Published date" > < i class = "fa-regular fa-clock" > < / i > 2022年5月1日< / p >
< p class = "text-gray-600" >
『オコゲ』は、Google Blockly ライブラリを使用して作られた、Raspberry Pi 向けブロックプログラミング環境です。
< / 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-04-27_ict-motto/" >
< div class = "zoom" > < img class = "w-full m-0 rounded-t lazy" src = "data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201%201'%20height%3D'500'%20width%3D'960'%20style%3D'background-color%3Argb(203%2C213%2C224)'%2F%3E" data-src = "/assets/img/ogp_tama-graphig.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-04-27_ict-motto/" > 『情報コース』もっとくわしく編< / a >
< / div >
< p class = "text-gray-500 mb-1" title = "Published date" > < i class = "fa-regular fa-clock" > < / i > 2022年4月27日< / p >
< p class = "text-gray-600" >
『情報コース』では Raspberry Pi やブロックプログラム開発環境『オコゲ』、センサやモータなどを使用して、楽しみながら ICT や IoT などの情報技術を学習します。
< / p >
< / div >
< / div >
< / div >
< / div >
< div class = "mt-3 flow-root" >
< a href = "/page/2/" class = "float-left bg-white font-semibold py-2 px-4 border rounded shadow-md text-gray-800 cursor-pointer hover:bg-gray-100" > Previous< / a >
< a href = "javascript:void(0)" class = "float-right bg-white font-semibold py-2 px-4 border rounded shadow-md text-gray-800 cursor-default text-opacity-75" > 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 > .
2023-04-02 09:02:12 +00:00
Made by < a href = "https://ocoge.club" target = "_blank" rel = "noopener" > ocoge.club< / a >
2023-04-02 08:31:07 +00:00
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 >
