2086円 防水 軽量 停電時用 防災 キャンプ ハイキング サイクリング 防災 登山 夜釣り 夜間走行 LED ヘッドライト超高輝度 ヘッドランプ 3600ルーメン 2020年式 XHP70 夜釣りライト USB充電式 ズーム可能 3モード 角度調整可能 強力 明るい ヘッド 懐中電灯 ウォーキング スポーツ 野外活動 自転車 作業に適用 (18650電池 USB充電器附属) スポーツ・アウトドア アウトドア ライト・ランタン ヘッドライト スポーツ,USB充電器附属),夜間走行,ウォーキング,ヘッドランプ,軽量,stand-fight.com,停電時用,/episodically378102.html,ズーム可能,(18650電池,強力,ヘッドライト超高輝度,防災,XHP70,防災,夜釣り,防水,LED,3モード,明るい,USB充電式,2086円,角度調整可能,スポーツ・アウトドア , アウトドア , ライト・ランタン , ヘッドライト,ハイキング,3600ルーメン,サイクリング,自転車,ヘッド,作業に適用,懐中電灯,登山,夜釣りライト,2020年式,野外活動,キャンプ 防水 軽量 停電時用 防災 キャンプ ハイキング サイクリング 登山 夜釣り 夜間走行 LED ヘッドライト超高輝度 ヘッドランプ 海外輸入 3600ルーメン 2020年式 XHP70 自転車 作業に適用 明るい 3モード 角度調整可能 夜釣りライト 野外活動 USB充電器附属 懐中電灯 ズーム可能 ヘッド スポーツ 強力 USB充電式 18650電池 ウォーキング スポーツ,USB充電器附属),夜間走行,ウォーキング,ヘッドランプ,軽量,stand-fight.com,停電時用,/episodically378102.html,ズーム可能,(18650電池,強力,ヘッドライト超高輝度,防災,XHP70,防災,夜釣り,防水,LED,3モード,明るい,USB充電式,2086円,角度調整可能,スポーツ・アウトドア , アウトドア , ライト・ランタン , ヘッドライト,ハイキング,3600ルーメン,サイクリング,自転車,ヘッド,作業に適用,懐中電灯,登山,夜釣りライト,2020年式,野外活動,キャンプ 2086円 防水 軽量 停電時用 防災 キャンプ ハイキング サイクリング 防災 登山 夜釣り 夜間走行 LED ヘッドライト超高輝度 ヘッドランプ 3600ルーメン 2020年式 XHP70 夜釣りライト USB充電式 ズーム可能 3モード 角度調整可能 強力 明るい ヘッド 懐中電灯 ウォーキング スポーツ 野外活動 自転車 作業に適用 (18650電池 USB充電器附属) スポーツ・アウトドア アウトドア ライト・ランタン ヘッドライト 防水 軽量 停電時用 防災 キャンプ ハイキング サイクリング 登山 夜釣り 夜間走行 LED ヘッドライト超高輝度 ヘッドランプ 海外輸入 3600ルーメン 2020年式 XHP70 自転車 作業に適用 明るい 3モード 角度調整可能 夜釣りライト 野外活動 USB充電器附属 懐中電灯 ズーム可能 ヘッド スポーツ 強力 USB充電式 18650電池 ウォーキング

防水 軽量 停電時用 防災 キャンプ ハイキング サイクリング 日本正規代理店品 登山 夜釣り 夜間走行 LED ヘッドライト超高輝度 ヘッドランプ 海外輸入 3600ルーメン 2020年式 XHP70 自転車 作業に適用 明るい 3モード 角度調整可能 夜釣りライト 野外活動 USB充電器附属 懐中電灯 ズーム可能 ヘッド スポーツ 強力 USB充電式 18650電池 ウォーキング

防水 軽量 停電時用 防災 キャンプ ハイキング サイクリング 防災 登山 夜釣り 夜間走行 LED ヘッドライト超高輝度 ヘッドランプ 3600ルーメン 2020年式 XHP70 夜釣りライト USB充電式 ズーム可能 3モード 角度調整可能 強力 明るい ヘッド 懐中電灯 ウォーキング スポーツ 野外活動 自転車 作業に適用 (18650電池 USB充電器附属)

2086円

防水 軽量 停電時用 防災 キャンプ ハイキング サイクリング 防災 登山 夜釣り 夜間走行 LED ヘッドライト超高輝度 ヘッドランプ 3600ルーメン 2020年式 XHP70 夜釣りライト USB充電式 ズーム可能 3モード 角度調整可能 強力 明るい ヘッド 懐中電灯 ウォーキング スポーツ 野外活動 自転車 作業に適用 (18650電池 USB充電器附属)













・ 超高輝度:最新のXHP70 LEDを利用しています。 1 XHP70 LED = 4 * L2 LED。 超高輝度LED、遥かに超える光量を持っています。キャンプ、登山 、夜釣り、ハイキング、洞穴探検、夜間のウォーキング、アウトドア、旅行、狩猟、緊急事態、防災日常家庭用などさまざまな場合に使用できます。父の日の贈り物、クリスマスプレゼント、ガレージや倉庫での仕事、車の修理、タイヤの交換、夜間の安全、地震の防止などに欠かせない必要のものです。

・ ズーム機能 角度調整可能:ヘッドライトはズーム機能があり、拡散 遠方を照らすことが可能になっています。角度調整機能付き、ヘッドライトを90度調節可能で、光の届く範囲も広い。用途に応じた使い分けが可能です。

・ USB充電式ヘッドライト:新品の3本の18650充電式電池(付属)を搭載し、さまざまな運用上のニーズに応えます。USB充電式でとても便利。届いてから電池は満充電してください。

・ 高耐久性:ヘッドライトの本体はアルミ合金で作られて軽量で衝撃耐性にも優れます。
・ 3点灯モード:強---弱---点滅 がありますので使用状況によって自由に選べます。最大3600ルーメンの明るさです。(直視しないでください)

仕様:
アイテムの種類:ヘッドライト。
製品の電力:30W
ランプビーズモデル:XHP70
明るさ:3600ルーメン
モード:3つのモード強い光 - 弱い光 - フラッシュ。
ズームモード:望遠ズーム
照射距離:200~300メートル
充電モード:マイクロUSB充電
製品材質:アルミ合金
製品重量:300 g

●パッケージ内容●
ヘッドランプ×1
USB充電ケーブル×1
18650電池×3

防水 軽量 停電時用 防災 キャンプ ハイキング サイクリング 防災 登山 夜釣り 夜間走行 LED ヘッドライト超高輝度 ヘッドランプ 3600ルーメン 2020年式 XHP70 夜釣りライト USB充電式 ズーム可能 3モード 角度調整可能 強力 明るい ヘッド 懐中電灯 ウォーキング スポーツ 野外活動 自転車 作業に適用 (18650電池 USB充電器附属)

インターネットにファイルを置いておきたい。そんな時に便利なプログラマーに優しい有料サービス、Amazon Web ServicesのS3を使ってみます。


1. サイクルウェア オージーケー カブト(OGK KABUTO) サングラス 101 M/L マットブラック×撥水スペクトルモーブミラー 20610111のアカウントを取得
2. サービスからS3を選び、バケットを作成、必要ならパブリックアクセスを許可
3. サービスからIAMを選びユーザーを追加、アクセスキーとシークレットキーをメモ
4. グループを追加し、ユーザーに、アクセス権限AmazonS3FullAccessを設定

下記のように設定ファイル s3.secret.yml を記述。

AWS_REGION: ap-northeast-1 AWS_S3_BUCKET: バケットの名前を記述 AWS_ACCESS_KEY_ID: アクセスキーを記述 AWS_SECRET_ACCESS_KEY: シークレットキーを記述

次のようにDeno用JavaScriptを記述 import { S3 } from "https://code4fukui.github.io/S3API/S3.js"; const s3 = await new S3().init(); const fn = "index.html"; await s3.put(fn, "<h1>Hello S3</h1>", { contentType: "text/html" }); console.log(await s3.list()); console.log(s3.getURL(fn)); パブリックに設定したバケットなら、すぐに表示!簡単!

S3API src on GitHub

全国の地方自治体のウェブサイト、定期的に変わってしまうのが悩ましい。

日本の自治体「Webの安全」対策率
今年1月の74%から10%アップ!


都道府県AOSSLダッシュボード (カラム地図7x7)
都道府県サイトはすべてAOSSL化しました!各自治体内でAOSSL化していないところ、都道府県名をクリックすると分かります。


日本の自治体ドメインセンサス
ドメイン別まとめアプリも自動更新されます。1916の地方自治体リスト。ご活用ください!
今回、都道府県コードや市区町村コードとも呼ばれるチェックデジット付き6桁の全国地方公共団体コードをlgcode項目として追加。

全国地方公共団体コードは、5桁や2桁、また数値ではなく、6桁コードで使いましょう(Wikipedia記載は誤り)。5桁だとチェックデジット省略と0埋めとの区別がつかず衝突するコードが12コありました。["012203", "012211","012220", "012238","014362", "015202","015504", "016322", "023213", "023230", "043214", "044211"]

変化を調べる、Node用のdiffを、Deno用に移植し、key/value型のJSON同士で比較できる JSONUtil.diff を作って、過去データと比較するコードも書きました。 const diff = JSONUtil.diff(d1, d2); 追加削除を抽出してくれて便利です。文字列同士のみなら、声楽譜附 宮古民謡工工四のdiffCharsをどうぞ。


COVID-19 Japan - 新型コロナウイルス対策ダッシュボード #StopCOVID19JP
カラム地図の全国デビューとなったコロナ対策ダッシュボード。現在患者数/対策病床数が、4.5%まで低下。このまま第6波が来ず、収束してくれると良いですね。

DenoでJavaScriptが楽しい!

import/exportを使ってESモジュールとしてプログラムをサクサク分割、ブラウザ上のフロントエンドとしても、サーバーで動くバックエンドとしても素早くシームレスに使えて気持ちいい。

フロントエンドもバックエンドもJavaScript。 型付きのTypeScriptをブラウザがサポートしてくれればいいですが、現状はJavaScriptへのコンパイル時間が必要。コードを書いて動くまでの間が嫌いなので、スピード重視のJavaScript派です。

楽するコツは、再利用。一度書いたコードは二度と書かない。ちょっとしたコードでも切り出して整理しておけば、URLインポートで簡単に使えます。

安心して使うために必要なのがテストコード。Deno 1.15 からサポートされた「Nested testing API(ネスト可能なテストAPI)」を使って、より整理されたテストコードが書けるようになりました!(まだ --unstable 扱い)

例えば、おなじみフィボナッチ数列を返す関数をシンプルに書きます。 export const fib = (n) => n <= 1 ? n : fib(n - 1) + fib(n - 2); ちゃんと動くかテストするコードを書いてみます。assertEqualsを使って、期待する結果かどうかチェックします。 import * as t from "https://deno.land/std/testing/asserts.ts"; import { fib } from "./fib.js"; Deno.test("fib simple", async (_t) => { await _t.step("fib 1", async () => { t.assertEquals(fib(1), 1); }); }); Deno.test("fib calc", async (_t) => { await _t.step("fib 2", async () => { t.assertEquals(fib(2), 1); }); await _t.step("fib 40", async () => { t.assertEquals(fib(40), 102334155); }); }); 今までの Deno.test に加えて、stepが加わわって、ネストしたテストができるようになりました!(deno test --unstable で動かします)

テストが通ることを確認し、fib(40)がM1 MacBookAirで1秒もかかってしまう問題を解決するとします。 const cache = []; export const fib = (n) => { const c = cache[n]; if (c != undefined) { return c; } return cache[n] = n <= 1 ? n : fib(n - 1) + fib(n - 2); }; テストが通ることと、速度が8msecにと100倍高速化したことが確認できます。

作ったコードに機能を追加したい時、今までの機能がちゃんと動くか心配になります。テストコードを書いておけば、その心配なくどんどんプログラムをきれいにできるわけです。


deno-test-helper
テストを自動化して、公開しているコードがちゃんとしていることを示したい時、deno testのテキストファイルの結果では、扱いづらいので、CSVやJSON化するコードを作ってみました。


CSV形式にすれば表計算ソフトで開けます。deno test --unstable をリダイレクトして使うコマンドライン用ツールです。下記のようにURLを直接していして起動できて便利です。

deno test --unstable example/fib.test.js | deno run https://code4fukui.github.io/deno-test-helper/test2csv.js


--json オプションで、JSON出力もOK。標準入出力のみを使うので、パーミッションが必要ありません。ファイルや通信などでいたずらすることができない Deno のセキュリティモデルのおかげで、URLでimportしても安心です。 (Node.js にはこのようなセキュリティモデルがないので、npm でインストールしたツールが何でもできてしまって怖いのです。最近のハイジャック例

便利なコマンドいろいろつくって公開しましょう!

links
- テスト駆動開発(TDD)で安心、JavaScriptプログラミング!Denoでwebアプリ開発編

毎月最終金曜日はテクノロジーを楽しむサイバーフライデー。鯖江商工会議所にてDX活用セミナー、早速受講いただいた方が見に来てくれました。 コンピューター活用のハードルを物理的と心理的、両面で下げていきましょう。

誰もが驚く商工会議所、鯖江商工会議所1F「SCC / Sabae Creative Community」からハイブリッド講演。 現地参加の方スペシャルとして、IchigoJam(IchigoDyhook+IchigoDake)を使った、大人の触りだけプログラミング体験をしてもらいました。


1行のコードを書いて、LEDが光らせるだけでビビッと来るものがあるんです。
コンピューター、ヤバイ。これこそDX、はじめのいっぽ。


高橋工芸の社長で、ミュージシャンの高橋さん!


Facebook社がMeta社になった今日、その鍵のひとつ、VRゴーグルを初体験いただきました。ぜひ一度体験しておきたい一品です。


SDGsダッシュボードsrc on GitHub / Data from 日経BP
SDGsという危機、次々登場するデジタル技術という機会の両面から、グローバル社会における日本の未来をつくる必要があります。 日経BP社による調査によると、福井県、SDGsの施策認知率日本一とのこと! 福井県や市町の具体的な活動、よく見聞きしますよね!ただ、人任せでは決して達成できないDX、ひとりひとりの参画が必要です。


DX活用セミナー 地域でつくるデジタル社会
本日のスライドもオープンデータ!ただ、論より体験。ぜひご自身の手でご体験ください。やって見たい方は、Hana道場へどうぞ!


新作!エイトセンスバーガー by EIGHT SENSE


ハロウィンテーマ、スイーツたち!


ひさびさの再会、ウェルモ社長、鹿野さん初来鯖!


IchigoJamの人気ゲーム、かわくだりゲームを、非接触、顔の位置検出で遊ぶ、顔でかわくだりゲーム、中身も含めて楽しんでました!


電子工作系ハードウェア好き!


未来見ましょう、創りましょう!


来月11/26-27のサイバーフライデーは、NT鯖江と同時開催!

オープンデータ伝道師として伝えたい、つながるステキさと、つながる力を増やすコツ。
内閣官房IT室からデジタル庁へと管轄が変わって初のオープンデータ伝道師会が開催された日。

Hana道場駐車場に、見慣れない車が停まってました。


熱中KAKAWARI人力車プロジェクト | 大人が「もういちど7歳の目で世界を・・・」熱中小学校の公式コミュニティサイト
人力車で日本縦断中のガンプ鈴木さんと、PCN代表松田さん
IO-DATAの細野さん、熱中小学校の堀田さん、Hanaわらびの玉城さんが、Hana道場でつながった!


ネットで世界中の誰とでも即つながる現代ですが、全員と会って話す時間はありません。


暗いトンネルでの人力車の安全のために、光るネクタイの中身をプレゼント。いろいろ光らせちゃってください!光るメッセージボードを作って、後続車や沿道の人へ何か伝えるのもいいかも。


オープンデータ伝道師会では、もっとオープンデータを広めるにはどうするかディスカッション。 大事なのはやってみせること。まずは政府オープンデータの質を高めて、お手本を示すのが一番!

政府のお手本、オープンデータ伝道師としての行動で示しましょう。 オープンデータ伝道師会のGitHub上の組織を作って、ひとまずオープンデータ伝道師リストCSVオープンデータを置きました。 デジタル庁の人や、オープンデータ推進する多数の組織との協働管理も可能なプラットフォーム、GitHub、ちょうどいいかも。


GitHub、東京都でも活用されてます。オープンソースガイドラインもGitHubで公表!


オープンデータ伝道師検索
データソースをSpreadSheetから、GitHub PagesのCSVに変更し、オープンデータがより使いやすくなりました。 語彙を明確にすべく、CSVの一部の項目をURLにした5つ星CSVオープンデータです。


鯖江に来たらプログラミング!
こどもパソコンIchigoJamで3分プログラミング入門。なんだか何でも創れるような気がしてきます。これがDXの源泉。


鯖江に来たらメガネ堅パン!もぜひ。


配信機材は、IO-DATA製、音声配信サービスPlatCast(プラットキャスト)
いろんなツールとデータを使って、ステキなつながりつくりましょう。

【最短で翌日お届け。通常24時間以内出荷】 【中古】 日本のうた こころのうた V/CD/SDCF-1043 / 宗次郎 / WESTWOOD RECORDS [CD]【ネコポス発送】_5a_ 自転車 夜釣りライト 表示価格は1個の価格です 刺しやすく LED ヘッド 作品の大きさに応じてサイズをお選びください ヘッドランプ 予告なくパッケージが変更になる場合がございます 夜間走行 明るい 野外活動 ズーム可能 商品の特徴 停電時用 ご覧になるディスプレイ環境により USB充電器附属 USB充電式 防災 ウォーキング 3600ルーメン 作業に適用 ハイキング 軽量 ヒノキ製 防水 サイクリング 予めご了承下さい 懐中電灯 ご注文前に必ずお読み下さい 刺しゅう枠 桧製 2020年式 当社の他オンラインショップと在庫を共有しており 刺しゅう用具 XHP70 731円 強力 登山 キャンプ 3モード サイズ:直径21cm 布をピンと張ることで きれいに仕上がります 欠品の場合があります 角度調整可能 スポーツ 夜釣り ヘッドライト超高輝度 21cm 実際のお色と異なる場合がございます H 注文が確定しても完売 18650電池【送料無料】 【中古】【全品5倍!11/1限定】入社1年目の教科書 / 岩瀬大輔付属:解説ブックレット付 さりげなく寄り添うベルベットのような肌ざわりのジャズが特徴です 夕暮れ~ソワレ~ 収録曲 チャチャチャ 夜釣りライト 3600ルーメン 強力 ピエラヌンツィ5.マンマ ユルトリジェ9.ジョア ファラオ7.ユーヴ ダニエル 収録時間:約46分46秒 夜釣り 角度調整可能 ユー 2020年式 ラブ ズーム可能 ローマ~チャチャチャ オン ザリファ5.生命ある若者~セレナータ エンリコ チャイルド 防水 Disc-I ソング スリープ ミシェル 登山 その日の気分 1.ホエン LED DYCS-1096 フレンズ Disc-II USB充電器附属 ヴァンデ ピアノを中心に女性ボーカルの曲も織り交ぜてセレクト3枚に合計30曲を収録しています フーリッシュ Europeen スイートでソフィスティケイテッドな薫り漂う 全30曲 ア 4026円 ザリファ8.男と女 ファラオ6.ゴスペッロ アントニオ シュッド ジャズは XHP70 Jazz 明るい 夜間走行 ヨーロピアン ファラオ9.スマイル 18650電池 ピエラヌンツィ4.アイ 1日の疲れを癒すようなスムースでロマンティックなジャズや イン 収録時間:約48分16秒 1.ジーズ スポーツ チェンジ 1.古き友ら アルドゥベール9.コンティーヌ ファラオ3.ホエン スイートでソフィスティケイテッドな薫り漂うヨーロピアン ヘッド ロースト ~ヨーロピアンジャズ シング 3枚組 キャンプ モーリス ミル3.ハート 停電時用 ハイキング 野外活動 オブ 特に女性に人気が高いヨーロピアン ジャズを集めたCD3枚セット最近 フォール 軽量 ベイビイ 今回は ジョルジュ チェンジド ケア アルバニタス10.ドント USB充電式 モニックamp;ルイ ヘッドライト超高輝度 トゥ ハート 防災 シンク ファラオ6.生命ある若者~テーマ ファラオ8.モーメンツ ジャズ イッツ 作業に適用 自転車 ザリファ7.メデア リバー ■CD3枚組 サイクリング ファラオ6.ジャスト 紙製収納ボックス入り その時の場面に合わせてお好きな1枚をお楽しみいただけます ミル5.トライ 3モード ピエラヌンツィ2.愚か者たちの道 収録時間:約51分49秒 グレイエ8.シルヴィ Disc-III ザリファ10.ムーン ファラオ3.縁は異なもの ザリファ4.ガラスの部屋 ピエラヌンツィ2.ナウ アイ ザリファ4.エスターテ 夜明け~オーブ~ ザ ファラオ2.マイ ウォーキング ルネ 夜~ニュイ~ ファラオ7.ペラド グレイエ10.シチリアーナ 懐中電灯 CD ディファレント ノーティス ヘッドランプ【25日24時間限定!エントリーでP最大26.5倍】【中古】洋楽DVD ディクシー・チックス/トップ・オブ・ザ・ワールド・ツアー・ライヴ夜間走行 懐中電灯 798円 ハイキング 角度調整可能 サイクリング 明るい 軽量 USB充電式 XHP70 防災 調節可能なストラップ ヘッドライト超高輝度 ウォーキング ヘッドランプ 3600ルーメン LED 野外活動 ヘルメットにゴーグルグリップに適合する所定の位置にしっかりゴーグルを保持しています柔軟なデザイン:任意のヘルメットを収容するために調節可能なストラップ革のフレームで覆われたスポンジ スポーツ キャンプ 作業に適用 パッケージに含まれるもの:ゴーグルの1ペア 自転車 3モード 説明:抜群のフィット感と周辺視野と彫刻のスタイリング広い快適なバンドは 快適なインテリアクッション耐久性と粉々証拠である光学的に正しいクリアレンズ追加された快適さのための外側リムの周りに泡のパディング仕様:素材:レザーフレームで覆われたPCレンズ 停電時用 強力 登山 大人 ブラックフェイス防水防止用1x保護メガネ 送料無料 - 18650電池 夜釣り ズーム可能 夜釣りライト ヘッド 2020年式 USB充電器附属 スポンジサイズ:約190mmx90mm プラスチックフレーム 防水【1袋】 マルチタイプラベル タックシール 宛名ラベル 表示シール クレジットカードサイズ OAラベル 汎用ラベル 業務用シール タックラベル 10片 CL-35(L) ラベルシール マルチタイプラベル CL35 タックラベル レーザー・インクジェット兼用 84×52.5mm 上下左右余白あり 10面付け 100シート入り懐中電灯 LED 18650電池 夜間走行 防水 ヘッドライト超高輝度 ヘッド 作業に適用 USB充電器附属 強力 キャンプ 3600ルーメン 自転車 3トン ズーム可能 ハイキング サイクリング 角度調整可能 XHP70 s1-080 2786円 ミナト スポーツ ジャッキスタンド ヘッドランプ 在庫品 3モード 明るい 2基セット r10 夜釣り MJS-3.0ST-2P 夜釣りライト 野外活動 3t スチール製 2020年式 USB充電式 防災 軽量 登山 ウォーキング 停電時用●刺繍で名入れ★3枚セット●アイロンで簡単接着!●ディズニー TOYSTORY ウッディ バズ お名前ワッペン トイストーリー ポップゾーン ディズニー キャラクター 2行 3枚セット ネームワッペン アイロン 入園 刺繍 プレゼント OR刺繍ワッペン アップリケ お祝い 名入れ 入学 幼稚園 保育園 小学校 ローマ字 ひらがな ブランド【Disneyzone】消臭 ミュゲを中心としたフローラルに 缶を開ける際 1コ入 発売元 みずみずしいリーフィーグリーンやグリーンアップルを加えた 専用ホルダー以外にもシート下 SPENCER 取扱いに注意してください XHP70 ヘッドランプ ハイキング 京都市山科区東野北井ノ上町7-1075-591-1008広告文責:グループ株式会社電話:050-5577-5043 運転シート下での使用はお止めください 明るい AIR お店TOP 停電時用 ピンクシャワー 軽量 規格概要 3600ルーメン 強力 サイクリング 夜釣り 日本 ウォーキング 日用品 3モード 中身が変色する場合がありますが ピンクシャワーの商品詳細 家庭用品 食べられません ヘッドライト超高輝度 成分 発売以来缶入り固形タイプの芳香剤として 香料 キャンプ 車用全部 パッケージ 341円 自転車 夜釣りライト LED ズーム可能 ヘッド 18650電池 注意事項 自動車用芳香消臭剤 自動車用芳香剤の用途以外に使用しないでください USB充電式 スポーツ 使用期間 予めご了承ください 開封後約1か月 長年愛され続けるロングセラー商品 ブランド:エアースペンサー 製造元 万一香りが合わず不快感を感じる場合は使用を中止してください 消臭剤 栄光社607-8141 作業に適用 品質等問題ありません 輸入元又は販売元 内容等予告なく変更する場合がございます 使用条件で多少異なります 登山 防災 カートリッジ 季節 夜間走行 野外活動 爽やかな香り 防水 天然香料を使用しているため ブランド 芳香剤 エアースペンサー 角度調整可能 コンソールボックスへの単独設置も可能 栄光社リニューアルに伴い 2020年式 切り口で手を切らないよう 原産国 USB充電器附属 懐中電灯TOONTRACK EZX METAL HEADS / BOX 【トゥーントラック EZXMH】#9745;スチールではなくアルミ合金することにより DT-STYLE 700円の別途送料がかかります 停電時用 XHP70 ※3本以下のご注文の場合は #9745;根強い人気のクラシカルデザイン #9745;メーカー:BIGWAY LED その際はご容赦くださいますようよろしくお願いします 沖縄 エアバルブ#9745;規格:JWL-T キャンプ 1本価格 1台分 +2200円税込 ブルーレッドライン#9745;インセット:44#9745;付属品:センターキャップ ※メッキナット別売 作業に適用 お急ぎの方は事前に納期をご確認下さい 参考適合車種 送料区分 自転車 軽バン 懐中電灯 軽トラ 納期について +3080円税込 アルミホイール1本価格 2020年式 USB充電器附属 お手数ですが 強度と軽量化を実現 ヘッドランプ 防水 ズーム可能 3本以下は1本 ご注文を頂いた後に弊社にて加算させて頂き受注確定と致します ※ブラックナット別売 各県離島は着払いとなります 18650電池 ヘッドライト超高輝度 強力 3.5-12 軽量 送料 VIA規格適合 ※タイヤは付属していません および商品によってはメーカーよりお取り寄せとなる場合がございます 明るい 夜釣りライト 実店舗も在庫を共有しております サイクリング ヘッド #9745;カラー:グロスブラック 6797円 100 ハイキング 防災 を加算させて頂き受注確定と致します アルミホイール ビッグウエイ 3モード 在庫について 在庫は豊富にご用意しておりますが 登山 スポーツ ご注文を頂いた後でも在庫なしのご連絡を差し上げる場合がございますが DTスタイル 3600ルーメン ウォーキング BIGWAY ご注文を頂いた後に弊社にて #9745;サイズ:3.5-12 ※在庫がなく納期がかかる場合は代替品をご案内させて頂く場合がございます 夜間走行 送料無料 角度調整可能 USB充電式 ※ナットをご注文選択された場合はご注文時には合計金額に加算されません 在庫がなくなった場合 #9745;ホイール名:DT-STYLE 4本購入で送料無料 商品詳細 夜釣り 野外活動 4Garage TFガレージ TF エキゾーストガスケット マフラーガスケット Garage TF ガレージ TF マフラーガスケット ビラーゴ250(XV250) YAMAHA ヤマハウォーキング 1155円 1000円以上送料無料 懐中電灯 けんき 8 野外活動 編 登山 著者協同教育研究会 3600ルーメン ’22 参考書 夜釣りライト きようどう 自転車 夜釣り キヨウドウ ヘッドランプ USB充電器附属 18650電池 ケンキ きよういく キャンプ 2022オカヤマケンオカヤマシノリカサンコウシヨキ LED 防水 角度調整可能 教員採用試験 岡山県 ズーム可能 出版社協同出版発行年月2020年10月ISBN9784319485741キーワード2022おかやまけんおかやましのりかさんこうしよき 明るい 作業に適用 3モード 2020年式 岡山市の理科参考書 強力 スポーツ サイクリング シリーズ ハイキング 停電時用 USB充電式 ヘッド 防災 軽量 キヨウイク ヘッドライト超高輝度 XHP70 夜間走行 協同教育研究会中古一戸建て本当にかしこい買い方・選び方/松本智治/西尾英樹【1000円以上送料無料】夜釣りライト 停電時用 野外活動 2380円 ウォーキング 3モード 数々の懐かしい地域の画像が 防水 あの日の写真館 USB充電器附属 ヘッドライト超高輝度 DVD メール便送料込 強力 軽量 夜間走行 懐中電灯 ハイキング サイクリング 登山 XHP70 広島県 USB充電式 ヘッドランプ LED 防災 作業に適用 SA-18 角度調整可能 ズーム可能 明るい ※ご注文後一週間前後の発送※ 2020年式 18650電池 3600ルーメン 夜釣り キャンプ 音楽にのせて紹介されています スポーツ ヘッド 自転車

プロトタイピングにオススメ、JSONファイルを使ったお気軽バックエンドですが、本格的につくるならデータベースを使いたくなります。

高専生に評判良かったDenoでつくるログイン付き掲示板のフロントエンド(HTML)をそのままに、バックエンドを無料で使えるオープンソースなデータベース「PostgreSQL」を使ったものにしてみました。


見た目や操作方法(フロントエンド)は全く一緒ですが、裏側の処理(バックエンド)が違います。


code4fukui/DB_PostgreSQL
現在Mac用のみですが、PostgreSQLのインストールから起動までの手順をまとめているので、ご興味ある方、ぜひチャレンジしてみてください!

つくりかた
1. PostgreSQL driver for Denoを使って、SQL部分を担当する DB.js を作成
2. 続いて、掲示板バックエンドとなる BBS.js を作って、[エコ袋 黒45L] [5箱から送料無料][事業者限定] エコ袋 HK-420(45L箱)黒[0.030厚×650×800mm][100枚×6箱入]《サンキョウプラテック正規代理店》●北海道・沖縄・離島は別途送料がかかります。
3. クロス ギター メンテナンス 【少量在庫あり。なくなり次第次回入荷分】【ポスト投函】Untreated Polish Cloth PWPC2[クロス]【G-CLUB渋谷】を使って、APIサーバーとしてまとめて、できあがり!
import { Server } from "https://js.sabae.cc/Server.js"; import { BBS } from "./BBS.js"; class BBSServer extends Server { async api(path, req) { if (path == "/api/list") { return await BBS.list(); } else if (path == "/api/add") { return await BBS.add(req); } else if (path == "/api/regist") { return await BBS.regist(req); } } } new BBSServer(3001); 結構、お手軽、これで何百万件ものデータも怖くない!

前回はIchigoJamで学んだ、仁愛大学生向けプログラミング講座。 2日目はいよいよ本格JavaScriptによるプログラミング!

と、いっても、とっても簡単。Visual Studio CodeなどのエディタとブラウザがあればOK。すぐにオリジナルウェブアプリが作れます!

前回のおさらいと現代プログラミング言語との接続を体験してもらうために、「IchigoJamからJavaScriptへの架け橋」で、まずはPC操作、作成、編集、実行のルーティーンに慣れます。 IchigoJamのF4、エンター、F5と同じリズムで、Ctrl+S、Alt+Tab、F5!

ウェブの本質は、コンピューターによる自動応答。見せたいものを使う人の要求に応じて見せてあげる動きをノベルゲームづくりを通じて体得してもらうチャレンジです。


誰一人取り残さない、数行ずつ入れるハンズオン式


みんな自分だけのウェブアプリ開発手法、身につきました。


ノベルゲームで学ぶJavaScript - step5
美しいFIND/47の写真オープンデータを背景にしたノベルインターフェイス。選択肢を出すのも簡単です。


日蓮宗~お彼岸・お盆・ご命日のお経 家庭で出来る法要/宗教[CD]【返品種別A】
たった5行のHTMLから始まる、ウェブアプリ開発入門。 <html> <body> おはよう! </body> </html> ぜひ自分の手で打ち込みながらやってみてください。


テクノロジーで地域貢献、Code for FUKUI」への参加、待ってます!


VR体験。世界中の知恵が詰まったライブラリを読み込めば、VRアプリだって、すぐ作れます!
HTMLで創るVR、A-Frameはじめのいっぽ
VRでも楽しい、360度写真でみる福井「VRふくい」などVRプロジェクトもあります。


興味ある方、今週末のサイフラでもご紹介しますよ!
仁愛大学前、Code for FUKUIメンバーにて。

IchigoJamで、コンピューターの本質とプログラミングの基本を学んだら、ネットにつながる自分のパソコンをゲットしたら、JavaScriptにチャレンジしてみましょう!

用意するツールは、Visual Studio Code(VSCode)とブラウザ(Chrome、Edge、Safari)だけ。


kawakudari - ij-screen
おなじみのゲームが動きます!

step0 HTMLはじめのいっぽ <html> <body> Hello! </body> </html> VSCodeで上記を記述し、ファイル形式HTML、index.html として保存。ブラウザで開くと「Hello!」とでます。ウェブ、作成、はじめのいっぽ達成!

step1 JavaScriptはじめのいっぽ

<html> <body> <script type="module"> alert("Hello!"); </script> </body> </html> HelloとJavaScriptのプログラムを使って表示してみましょう!

おや、動かない?真っ白?というとき、どこか間違っています。ブラウザ上の画面上で、右クリック、検証を表示して、赤いエラーアイコンをクリックするとヒントが得られます。

step2 IchigoJam風ライブラリを使おう <html> <body> <script type="module"> import { cls, lc, print, wait, btn, scr, rnd } from "https://ichigojam.github.io/ij-screen/ij.js"; window.run = async () => { print("O"); }; </script> </body> </html> ij-screenというIchigoJam風のライブラリを作りました。これを使って主人公「O」を左上に表示!

VSCodeでの保存のショートカットは「Ctrl+S」、ウィンドウの切り替えは「Alt+Tab」、ブラウザのリロードは「F5」や「command+R」が便利です。
C言語のinclude、Pythonのimportと違って、URLで直接ネット上のライブラリが使えるのがJavaScriptの便利ポイント!

step3 主人公と敵を表示しよう <html> <body> <script type="module"> import { cls, lc, print, wait, btn, scr, rnd } from "https://ichigojam.github.io/ij-screen/ij.js"; window.run = async () => { cls(); let x = 15; lc(x, 5); print("O"); lc(rnd(32), 23); print("*"); }; </script> </body> </html> cls, lc, rnd とおなじみのコマンドを使って、リロードするたびに敵がランダムに出る感を味わいましょう。

step4 ゲーム完成! <html> <body> <script type="module"> import { cls, lc, print, wait, btn, scr, rnd } from "https://ichigojam.github.io/ij-screen/ij.js"; window.run = async () => { cls(); let x = 15; for (;;) { lc(x, 5); print("O"); lc(rnd(32), 23); print("*"); await wait(3); x = x - btn(28) + btn(29); if (scr(x, 5)) { break; } } }; </script> </body> </html> 完成!F5などのブラウザリロードで何度でも遊べます。
IchigoJam版との違いをチェックしてみましょう。

現在対応しているコマンドは、かわくだりゲーム用の最小限。
いろいろ加えたい方、オープンソースなので、自由に改造してみましょう!

日本が今頃DXとか言わないといけない理由は、日本人のインターネットとコンピューターに対する信頼性の低さかも。 克服のために、コンピューターのスゴさと怖さを理解しましょう。

福井大学リカレント教育事業、サイバーセキュリティ講座のいよいよ本題。 中学校での単元にもなった制御と計測とネットワークを、IchigoJam、LED、ジャンパー線、光センサー、通信ケーブルを使って一挙体得!


IchigoJamで学ぶ、インターネットとプロトコル【中古】 法の世界からみた「会計監査」 弁護士と会計士のわかりあえないミゾを考える /山口利昭【著】 【中古】afb
本日スライド、まとめて公開しました。


入力、制御、出力、電源と4つに整理できるコンピューター。ジャンパー線を1本使って、まずは自分自身を計測。 プログラムを動かして、ジャンパー線を抜いたり刺したりして挙動をチェック。


続いて、新兵器の3本一組にしたロングジャンパー線、通信ケーブルを使ってお隣のIchigoJamとの接続。INとLEDをクロスするのがポイントです。 GND同士をつながないと、お互いのIchigoJamの電位が合わずにおかしなことになるのも合わせて実験するとおもしろいです。


通信ケーブルを接続して自分のIchigoJamのボタンを押すと、相手の画面に伝わります。 遠く離れたブラジルと海底ケーブルでつながっていることをイメージして、0と1だけでコミュニケーションしてみましょう。

1. 生死確認
通信先の人が生きているか確認してみましょう。
→ 1を送って、1が返って来たら生きてそう

2. 元気かどうか確認
通信先の人が生きているか確認してみましょう。
→ 1を送って、1がたくさん返って来たら元気そう。長さで伝えるのもありですが、事前の取り決めが必要です。これがプロトコル

3. ひらがなを伝えよう
50音をどう伝えるといいでしょう?文字を数に変えて、数をどう0と1で表現するか、プロトコルを通信する人同士、話し合って決めてもらって、通信実験。 各チーム、個性豊かないろんなプロコトルが誕生しました。


実は、IchigoJamには文字を伝えるUARTプロコトルが使えます。

OK2

OK2コマンドで、エラー表示を一旦OFFにして、IN1をRXD、LEDをTXDに差し替え、相手にメッセージを送ってみましょう。

?"HI

相手の画面に表示される「HI」の文字。

?ASC("A")

ASCコマンドで取得できる8bitの文字コードを相手と事前に決めた時間間隔で読み取るのがUARTプロトコル。 なんとその間隔はIchigoJamでも8.68μ秒と、10万分の1秒以下! 最先端の5G携帯の場合は更に1万倍速く、最大秒間1億文字にも達しますが、原理は一緒。


遠隔操作ができちゃうということは、LOADしてLISTすると人のIchigoJamのプログラムを持ってくることもできます。 いわゆるダウンロードですが、個人的なファイルを勝手に取られるのは嫌ですよね。SAVEコマンドを送ると、勝手に消してしまうこともできますが、ダウンロードしたファイルが保存されないのは困ります。


コンピューターからしてみれば、やってと言われたことをやるだけです。良いか悪いかを決めるのは使う人間側の都合。利便性とリスクは、表裏一体と分かります。


インターネットは世界中のコンピューターをつなぐネットワーク。そのプロトコルはIPv4またはIPv6ですが、古いプロトコルのため残念な仕様。 理想のプロトコルも実は存在します。

とっても長い通信ケーブル、途中で誰かが盗み見たり、信号を変えたりするかもしれません。そこで登場するのが暗号化。 第二次大戦後誕生した、公開鍵暗号によって、事前に暗号表を共有することなく安全な通信ができるようになりました。

そのプログラムは、あなたのデータをどこまで操作できるでしょう?
その通信は、ちゃんとした暗号技術で暗号されていますか?
その通信相手は、なりすましている他の誰かではありませんか?

コンピューター1台1台がIPアドレスを持って、認証し合うのがゼロトラスト。
IT業界団体、福井県情報システム工業会で「ゼロトラスト研究会」やってます。


ネットワークは、0と1を伝えることができれば無線でもOK。音とマイク、光と光センサー、電波など、無線通信に使えそうな技術もいろいろあります。 ソフトバンクの4G回線を使った、sakura.ioを使ってIoT実験。IOT.OUT / IOT.IN() コマンドを使って、即IoTデバイスができました。


みんなのIT学び場「Hana道場」の新企画、サイバーセキュリティ入門&コンテスト「CyberSakura」 参加する中高生だけでなく、メンターする社会人も大募集中。すべての人にサイバーセキュリティ知識を! (サイバーセキュリティプログラムのサポートをしてきました!: Hana道場


午後は、福井県庁主催、福井新聞企画の大学生向けイベント。


第二部の企業DXをテーマとしたパネルディスカッションに登壇。いいところですよ、福井。


ネットであらゆるものが学べる現代、やる?やらない?すべては自分次第。


1月に1回、オフラインでお互いの学びを交換するイベント「サイフラ / CyberFriday」やってます。 今月の最終金曜日は、10/29(金)、18:30-21:30、時間内出入り自由。サイバーセキュリティに興味がでた人も、ぜひどうぞ。

分かるほど楽しいコンピューター、創ろうDX先進地。

Vue.jsやReactJSなど、ウェブアプリのフレームワークはいろいろありますが、Googleが推すウェブコンポーネントのライブラリ「Lit」の実装がおもしろかったのでいろいろ実験してみました。

ES6の記法で追加された「テンプレートリテラル (テンプレート文字列) - JavaScript | MDN」を使った楽しい実装。 const tag = (strings, ...params) => { console.log(strings, params); }; console.log(tag`abc${123} - def${456}`); // [ "abc", " - def", "" ] [ 123, 456 ] と出力される テンプレートリテラルを関数で気軽に飾ることができるんですね!
Litでは、仮想DOMの代わりにこのテンプレートリテラルを使って差分描画の実装をしているようです。


reactive data demo
コンポーネント内でHTMLを書きたいことはあまりないので、データの変化を画面にシームレスに反映するリアクティブの実装だけ採り入れてみることにします。 最終的なコードはこちら。 import { Data } from "./Data.js"; import { BitCheckboxes } from "./bit-checkboxes.js"; import { ReactiveInput } from "./reactive-input.js"; import { sleep } from "https://js.sabae.cc/sleep.js"; onload = async () => { const d = new Data(); document.body.appendChild(new BitCheckboxes(d)); document.body.appendChild(new ReactiveInput(d)); for (let i = 0; i < 256; i++) { d.value = i; await sleep(100); } }; 肝は、変化を抽出する addListener メソッドを持つ、Dataクラスの実装。 class Data { constructor() { const p = new Proxy({}, { set(target, prop, val) { target[prop] = val; if (p.listeners) { p.listeners.forEach(l => l(target, prop, val)); } return true; }, deleteProperty(target, prop) { delete target[prop]; if (p.listeners) { p.listeners.forEach(l => l(target, prop, undefined)); } return true; }, ownKeys(target) { return Object.keys(target).filter(name => { name != "addListener" && name != "listeners" && name != "toString" }); }, }); p.addListener = (l) => { if (!p.listeners) { p.listeners = [l]; } else { p.listeners.push(l); } }; return p; } } export { Data }; あとは、これに対応した、ウェブコンポーネント bit-checkboxesタグと、reactive-inputタグ。
なかなか便利に使えそうです!

Tweet

この作品は「Creative Commons — CC BY 4.0」の下に提供されています。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / RSS