jigインターンは我々jig.jpの人間にとっても良い刺激になります。シンプル好きな私にいいかもと紹介してもらった「Alpine.js」での不満、ESモジュールが使えない点を勝手に改善した「Alpine_es」をつくりました。

Alpine GAME」(src on GitHub)
Alpine.jsでライフゲームを作ってみた - Qiita」のESモジュール対応版!
VueやReactでおなじみ変数の変化をそのまま画面に反映する拡張タグのみをシンプルに切り出したコンパクトなライブラリがいい感じですが、scriptタグにtype=moduleを付けると動かないのが残念! そんなときはオープンソース、元から改造しちゃいましょう!

1. import文の表記をESモジュールに合わせた
2. 唯一の依存モジュール Observable Membrane by salesforce を組み込み
3. Alpine.start を外出しして、変数定義のタイミングに合わせた

あとは、名前空間の関係で、html側の変数を data() から window.data() に変更して、Alpine_es/es/index.js あらAlpineをimportすればOK!

いろんなアプリ開発に使ってみる準備ができました。


IchigoJamの現状と将来へ向けて
高専フォーラムに参加、国産PC、AMATERASプロジェクトの一貫として、IchigoJamではじめるガチエンジニアの育て方を紹介。


夜は神山まるごと高専のイベント、少人数で別れてディスカッションする、二部のファシリテーターを担当。楽しく未来の学校、話し合うことができました。
次回もお楽しみに!

起業家甲子園と合わせて開催、社会人向けのコンテスト起業家万博に、信越地区代表としてチャレンジした長野高専出身の株式会社エボシステムのサイキックこと、佐伯さん!

ベジスター 〜日誌で繋がる生産者と消費〜
IT集団でありながら、農家を営むエボシステムによる新サービス。農業DXのはじめのいっぽ、農家の方には便利なデジタル日誌を提供しつつ、そのまま消費者へのメッセージを楽しい育成シミュレーションゲームと共に届けるサービス。


かわいいキャラクターとリアルな日誌との連携がおもしろい!


作成した野菜のパッケージにQRコードを付けて、認知を広めます。
iPhone版、ダウンロードできますよっ。
農家とつながる育成シミュレーション 『ベジスター』 公式サイト


SNSでの悪いバズリ”炎上”を未然に防いでくれる、jigインターン2021冬Eチーム作品「炎上チェッカー」は、情報公開な不慣れな農家の方にも提供できると安心かも? 誤字脱字のチェックや、おかしな文章を指摘してくれる機能などあると、更にうれしいかも!


他プロダクトへのコラボや、改善につなげるべく、動かしかたドキュメントを用意しました!自分で作ったものも後でみるとわからなくなるもの。作っていいきながらメモしていくのがおすすめです。


Google社のAPI「Cloud Natural Language」を使って、まずは炎上指数を取得し、計算するAPIをコンソールにて動作を確認。 うまくいかなかったらAPIキーを確認しましょう。


APIとしての動作をブラウザで確認!GETパラーメータ(?以降にJSON指定)でのチェックが便利です。


炎上指数が表示され、ツイートできます。


こうして、ツイートして広がってくれるとうれしいですね!

API活用による新サービス、どんどん実現していきましょう!

昨年に続きオンライン開催となった10回目の総務省/NICT主催の起業家甲子園。 全国の地域予選からICTメンターにより選出された学生チームによる決勝プレゼン!

エムキャスで配信、オンライン開催。


「Wall Art Online」
有明高専チームのプレゼン、地元の工務店とコラボし、壁面ディスプレイを互いに接続し、バーチャル二世帯住宅を提案するプラン。 スマホや、パソコン、大型テレビで十分!?いやいや、きっとその場に等身大に現れる遠隔地の様子は別次元の自然さなはず。 光量の問題は置いておいて、まずは大型プロジェクターで実験してみましょう!


「オーラルボイス」
高専プロコンからの選出、福井高専チームは口の動きと機械学習で英語の発音を判定し、オンライン対戦ゲームで楽しく学ぶプラン。 英語の先生の口の動かし方大事!というアドバイスから生まれた作品。


福井高専チーム、有明高専チームのICTメンターとして応援メッセージ。


「ICT・IoTフュージョンによる農業支援サービス」
旭川高専チームは、テクノロジーで日本の農業を再生させる!


高専WiConでも活躍とのこと。

「エレクロ」
会津大学生による、名前がおもしろい、デザインが変えられる新ファッションというビジネス。 ゲーミングネクタイもエレクロファッションの仲間かも? テクノロジーとファッション、どんどん融合進めたいですね。


Alumnote
同窓会プラットフォーム、Alumnoteプランが最優秀賞!創業済みで、サービス運用も始まっていることが評価されました。


Alumnoteのメンター、UFJリサーチ&コンサルティングの杉原さん、最優秀メンター賞獲得!


審査委員長、セプテーニ・ホールディングスの佐藤さん!


実際の投資家からの質疑応答と審査、良い刺激になりますね。jig.jpもスポンサーです!

良いプランには、良い名前と、良いデザインが伝えるために大事。
プロトタイピング時の味方、お手軽デザインツール「Bootstrap」適応の例です。

すくーるめもりー - Bootstrap一部適応プルリク
Alumnoteにも通じる、同じクラス内での写真共有サービス、jigインターン2021冬Bチーム作品、「すくーるめもりー」への改善提案(プルリク) 左がビフォー、右がアフター。コードの違いは極わずか、参考にどうぞ!


有明高専チームから送ってもらった写真!
ものづくり学生、応援します!

発電所マップを作った後に見つけた、国土地理院のもう少し新しい発電所XMLデータ。形式が違っていたので調整して、アップデート! 都道府県別や、事業者別など、いろいろと活用できそうです。(ただし、非商用利用)


発電所マップ2013
2013年版データを発見、12,722件の発電所データを発電所種別にマッピングしてみました。事業者名などがきれいに入っています。


福井県の原子力発電所。発電量を表すgeneratingPowerの単位が不明です。(スキーマファイルがリンク切れ)


太陽光パネルが太平洋ベルト上に多数設置!


エレクトリカル・ジャパン - 発電所マップと夜景マップから考える日本の電力問題 | 東日本大震災アーカイブ - 国立情報学研究所
最新の発電所をチェックするのにオススメは、こちら、発電所情報を集めているサイトです。 データベース構築の経緯と詳細国土数値情報版発電所データベースの問題点が記述されています。 コロナウイルス対策ダッシュボード構築同様、様々な苦労があるようです。

商用利用を外したオープンデータ化と、発電所施設の稼働状況を知らせるサイト「発電情報公開システム HJKS」のオープンデータ化による連携実現したいですね!

IchigoJamイチゴ刈りを毎年知らせてくれた、福井高専名誉教授、PCN大野研究所の前川さんが亡くなりました。
【訃報】JARL副会長・北陸地方本部長 JA9BOH 前川 公男 氏
アマチュア無線同好会に誘ってくれたのもハムちゃんこと、前川さんでした。心よりご冥福お祈りします。

同ページに、アマチュア無線界の大ニュース。
今春から社会貢献活動でアマチュア無線が活用可能に! -2月2日、意見募集結果を総務省が公表-」(総務省
停電時でも使用可能なアマチュア無線、その役割が大きく見直されそうです。
前川さんの想い、次世代へと引き継ぎます!

えぞプロコンの運営メンバーとして活躍した学生、高専生。 地域の課題、プログラミングで楽しく解決していきましょう!

プログラミング学習とは、問題解決の連続。仲間と一緒にチャレンジすればより楽しいかも?インターネット時代、どんな場所でもつながっています。 後輩からの質問、大歓迎。IchigoJam BASICの次にオススメ、JavaScriptでのオンラインメンタリングを始めます!


若きエンジニア、Code for Hakodate/PCN函館メンバーとオープンデータ伝道師で「VS COVID19」のデザインを担当、行政アーティストの山形さんのいる、北海道森町へ!


森町からの帰路で発見、不思議なお店、ラッキーピエロは函館ならでは!


函館、MIRAIベースにて、Dvorakをはじめた高専生へ、ミニJavaScript講座!
JavaScriptはじめのいっぽ


learnglobish
タイピングといえばで思い出した、Globishの1500単語CSVデータ化して、プログラムを少し修正。


Type 100 words Globish」(src on GitHub)
福井高専後輩takerucamのコードをGitHub上で添削改造。 シンプルでやさしいオルト英語、Globish 1500単語から100単語を早打ちするゲームにしました。

なんとか2分切ろうとチャレンジするも及ばず・・・ 表示後の反応速度と、ミスなく流れるように打てる単語数をいかに増やすかがタイム短縮のコツです。 英語の勉強にもなるので、毎日数分チャレンジするのもいいかも!?

await/async(アウェイト / エイシンク)を使うと、手続き通りにプログラムが並び、すっきりシンプル分かりやすい!(元のイベントドリブンで記述されたプログラムと比べてみよう)

window.onload = async () => { for (;;) { target.textContent = "Click to Start!" const t = new Timer(timer); const words = ['red', 'blue', 'yellow']; await waitClickOrEnter(target); shuffle(words); t.start(); for (let i = 0; i < words.length; i++) { const word = words[i]; target.textContent = word; for (let j = 0; j < word.length; j++) { while (word[j] != await waitKeyDown()); target.textContent = '_'.repeat(j + 1) + word.substring(j + 1); } } t.stop(); result.textContent = "Congratulations!!"; restart.textContent = "もう一度挑戦する"; await waitClickOrEnter(restart); result.textContent = ""; restart.textContent = ""; } };

これにシンプルに話す英語、Globishの1500単語を CSV.js を使って、読み込んでつくりました。


ロボットとIchigoJamのプログラミングづくりに通う小学生!高専生、大学生に刺激を受けて、ぐんぐん伸びることでしょう!
えぞプロコンでのネットワークプログラミング」もどうぞ!

PCNで仲間を集めて、Code for で身近ないろいろ創って地域から域広めよう!


黄色の消火栓がかわいい。福井と同じ雪国、消火栓オープンデータを使ったアプリ活躍候補エリア。


ラッキーピエロ、MIRAIベースの近くにも!ご当地オープンデータ、楽しめますよ!

このJavaScriptのコード見てほしいという方、ご連絡ください! → @taisukef

仙台高専jigインターンOB、PCN函館代表のサンダーこと後藤くんが実行委員長の第一回えぞプロコン2021! 全国大会となる「PCNこどもプロコン」の北海道大会です。 SNS共有はNGな作品プレゼンテーションの時間の後、ワークショップを担当。


来ました、函館!


函館駅前すぐ目の前、ワクワクスペース、はこだてみらい館


ネットワークプログラミングはじめのいっぽ (PDF)」(動画アーカイブ)
リクエストにお答えして、パソコン1台でok! IchigoJam web + バーチャルMixJuiceを使った新作ワークショップ。IchigoJamはじめての子や、キーボードに慣れていない子でもOK、LED制御、エルチカゲームに続き、チャット体験、A-Zタイピングゲーム、ネットワーク対戦までを楽しんでもらった1時間半。


初IchigoJamチャレンジな姉妹も楽しんでくれました。洗濯物を畳んだり、料理してれるロボットを創りたいと感想聞かせてくれました。


jigインターンOBなべと、函館高専後輩いけくん。PCN仙台の会長親方、荒木さんも!


えぞプロコンへ、札幌から駆けつけた「TEAM IchigoJamほっかいどう


新ネタ満載!QRコード読み込み式プログラミング、4才児を虜にしたとのこと!


いろんなセンサーなどが使いやすいキットになった「プログラミングの素」、MixJuice互換ボードや、IchigoSensorsなどなど by TEAM IchigoJamほっかいどう、スゴイ!


みらい館内は、ワクワクするシカケがいっぱい!みらい館で使うコンテンツをみんなで作るイベントや、実際展示してみたりできると楽しそう!


入ってすぐ、巨大LEDディスプレイ!


いよいよ、表彰式!


福野賞!


ネットワークプログラミングワークショップ、チートも解禁したA-Zタイピングランキングの最終版、重複排除しベスト20位化プログラム(使い方はこちら

import { serveWeb } from "https://js.sabae.cc/serveWeb.js"; let data = ""; const numsort = (a, b) => { const na = parseInt(a.substring(1)); const nb = parseInt(b.substring(1)); return na - nb; }; serveWeb(3004, (from, path, query) => { if (path == "/CLEAR") { data = ""; return "CLEARED!"; } if (path == "/SORT") { const list = data.split("\r\n").sort(numsort); let cnt = 0; let s = ""; const list2 = []; for (let i = 0; i < list.length; i++) { const item = list[i]; if (list2.indexOf(item) >= 0) { continue; } list2.push(item); s += item + "\r\n"; if (++cnt == 20) { break; } } return s; } if (query) { data += "'" + query + "\r\n"; return "'OK\r\n"; } return data; });


えぞプロコン
来年も開催予定とのこと!今からどんどんつくっちゃおう!

PCN仙台の荒木さんと訪問した仙台高専の縁で実現、小中学生向けローカルプロコン「みやぎプロコン」。 第二回目「みやぎプロコン2020」のオンラインプレゼンをオンライン審査!

オンライン参加してくれたこどもたちも含めて記念撮影!高専企画のローカルプログラミング&電子工作コンテスト、オススメです!ぜひ、高専生にも審査員してもらいましょう。

PCN仙台でのキラキラワークショップ」こどもたちの喜ぶ顔に応えたIchigoJamのコマンド、WS.LED。IchigoJam Rでも対応します!

パラメーターを調整し、WS2811にも対応!
IchigoJam BASIC 1.5b02 ファームウェア (RISC-V版 IchigoJam R用)
- IchigoJam 1.5β2
WS.LED対応、IOT.IN()/IOT.OUT対応(未検証)、VER(2)でキーボード状態が反映されないバグ修正

書き込み方はこちら参照、または「IJUtilities」でどうぞ!

WS2811/WS2812B前期/WS2812B後期とちょっとずつパラメータが違いました。だいたい大丈夫なように調整。

2811 (PL9823) 0 high 200nsec-500nsec, low 1200nsec-1500nsec 1 high 1200nsec-1500nsec, low 200nsec-500nsec reset 50,000nsec 2812b before 0 high 150nsec-550nsec, low 700nsec-1000nsec 1 high 650nsec-950nsec, low 300nsec-600nsec reset 50,000nsec 2812b new 0 high 220nsec-380nsec, low 580nsec-1000nsec 1 high 580nsec-1000nsec, low 580nsec-1000nsec reset 280,000nsec IchigoJam R 0 high 220nsec, low 1000nsec 1 high 1000nsec, low 580nsec

正式版をお楽しみに!バグ報告やご要望、お待ちしています!

15歳から20歳、自分の人生を決めた福井高専を卒業後、福井大学へ進学した福井高専の先輩大蔵さんと、佐世保高専の先輩の松本さんと共に起業、会社名は有限会社シャフト。 その後、iアプリの登場と共に、目指す方向性の違いから違う道を進み、20年。 神山まるごと高専の設立準備で合流、なんと大蔵さんが校長候補に!


神山まるごと高専コンセプトムービー(6分) from 神山まるごと高専 on Vimeo
Sansan創業者で、神山まるごと高専発起人、寺田さんが理事長。クリエイティブディレクターとして山川咲さんを迎えた新体制!

これからの世界を担うこどもたちが過ごすべき5年間とは何か? 技術(IT)と伝える力(デザイン)を鍛えるカリキュラム、でも、本当に大切なのは熱意、自分だけがやりたいと思う気持ち(=アート)。

正解の世の中、未来づくりに必要なのは真っ白なキャンパス。それは都会より田舎にこそチャンスあり。 徳島県神山町にもオススメしたいオープンデータ。産総研のデジタルツイン計画で、鯖江市の商店街3Dオープンデータが使われました!


鯖江商店街 - 3DDB Model Viewer
ブラウザ上から簡単に見て回れます。モデルデータなので味方も、編集も自由自在!


鯖江商店街10倍巨人モード with A-Frame
obj/mtlファイルとしてダウンロードし、WebVRで再現してみました!いろいろ活用できますね! Oculus Quest2では、ちょっと重いので、何か工夫もしたいところ。 (src on GitHub)

神山まるごと高専を一緒に創る、研究者&教員、大募集中!
神山まるごと高専
ご興味ある方、ぜひどうぞ!

寒波による秋田県で大規模停電。東北電力の停電履歴(1/7,8)がすごいことに。 電気は大事なインフラ、復旧までにどのくらい時間がかかるのかウォッチしようと、オープンデータを探すも提供はなし、ウェブサイトのデータの利用も事前承諾が必要とのこと(停電情報・留意・免責事項|東北電力ネットワーク)。 こちらは別途、お願いすることにして、気象庁の警報・注意報をまとめてみました。

WARN Japan 気象警報ダッシュボード
気象庁 | 気象警報・注意報」からリンクされている全国各地の情報を約10分置きにチェックして、CSVデータとしてまとめ、GitHubにアップしています。 もちろん、手動ではなく、JavaScriptでプログラムしたソフトウェアくんにがんばってもらっています。(src on GitHub)


気象庁警報注意報CSVオープンデータ(非公式2次加工)
全国の地域別の警報、注意報を扱いやすいCSVデータにしています。どうビジュアライズするかは、活用するみなさま次第! データ活用や、始まったばかりの「WARN Japan 気象警報ダッシュボード」へのコントリビュートなどを通じて、データに強い国、日本を作りましょう!

各都道府県と厚生労働省からデータを集約することと扱うデータがセンシティブなので、学生が参加するにはちょっと敷居が高いかもしれませんが、こちらはシンプルなので参加しやすいはず。 高専生の方「2021年冬jig.jpインターンプログラム」でも腕試ししてみませんか?


めがね会館前の雪景色!

SwiftUIでつくりやすくなったiOSアプリ、自分のiPhoneに入れてならぶアイコンがなにもないと寂しいですが、なぜかいろんなサイズをたくさん用意する必要があって面倒です。 そこでプログラム!必要なアイコンサイズは、JSONデータに書いてあったので、ひとつの大きな画像をドロップすると、単純縮小で一気に25画像を生成、ファイル名を記載したJSONデータと合わせてZIPで固めてダウンロードする、webアプリをつくって解決! 展開したファイルを、Shared/Assets.xcassets/AppIcon.appiconset に置くだけでOKです。

AppIconMaker for Xcode12.3」(src on GitHub)
webアプリ/JavaScriptでの画像ファイルのドラッグアンドドロップ、zip圧縮、ダウンロード処理の参考にもどうぞ!


「SwiftUICalc」(src on GitHub)
なかなかおもしろい作り方をするSwiftUI、Swift5への慣れも含めてGitHubに公開されていた電卓アプリを小数対応してみました。Thanks, RyoNishimuraさん!

福井高専在学時、ネットカフェのマスターからもらったJava(JDK1.0.2)の本の、UIをBorderLayoutなどを使ったコーディングだけで作るスタイルに感動した記憶が蘇ります。 データとUIを一体化させるReactな考え方を取り込み進化したSwiftUI、なかなかいい感じ。


jig.jpインターンシップ
プログラミング好きの高専生に送る、jig.jp、冬のオンライン特別企画。プログラミングスキルを上げたい人、チーム開発やってみたい人、エントリーください!

Tweet
クリエイティブ・コモンズ・ライセンス
この作品は「Creative Commons — CC BY 4.0」の下に提供されています。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / RSS