福野泰介の一日一創 - create every day

UIデザイン無料ツール「Adobe XD」ですばやくモックアップ!話すほどにブラッシュアップするプロダクト、インターン2週目スタートと福井のカツ丼

2018/08/27
#jig #gourmet 

jigインターン、がっつり開発する2週目!定時後、Adobe XD を使ったデザイン勉強会に混ざってみました!


UIデザインの便利無料ツール「Adobe XD」を使ってみるデザイン勉強会に参加し、ハンズオンで作ったTwitter風のモックアップ。 中央揃えや、等間隔など、スナップがいい感じに効いて気持ち良し。自動で出てくるピクセル単位のガイドも良し。 Designで画面をサクサクつくって、Prototypeで画面間のつながりをパパッと作れます。


できたモックアップは、ツール右上のボタンからAdobeのサーバーにアップロードして、web共有が可能(無料版は1つまで)
今回作ったもの(期間限定)」


チームみんなでモックアップを自分の手元のデバイスで確認できるので、すばやく失敗に気がつけますね! テーマカラーがまとめて変更できて便利!(シンボルの一括編集もしたい、できる?)


フロントエンド勉強会と、


デザイン勉強会。どっちも受けたかった?受けた人から聞いてみよう!


インターンOB、遊びに来てくれました!


OBにプロダクトのビジョンを説明、質疑応答から生まれる、新たな発想!


インターンOB達と食べるランチは、福井ご当地グルメ、ヨーロッパ軒 神明分店のカツ丼!


誕生105年、世界最古のカツ丼!
食べ方など詳しくはこちら「カツ丼誕生100周年!ヨーロッパ軒のソースカツ丼の食べ方
(写真は、蓋が締まりきらない、ご飯大盛りのカツ丼大)

うえるかむパーティーで行った秋吉など、ご当地チェーン店のみまとめるマップもあると良さそう!?

jigインターンDay8
初めての自炊 - jigintern2018’s diary

jigインターンBBQ、MRスイカ割り、自撮突入一乗滝、温湿度UVが見えるメガネの失敗と対策

2018/08/26
#sabae #jig #movie 

jigインターンDay7、OB/OGも集まるBBQの夏!

来福感謝!


炭火起こしに、ファイヤーおばあちゃん!


生年月日を (年+月+日)%4 で、テーブル分けしてBBQ!
一見簡単そうな計算に手間取る高専生・・・、任意のテーブルにうまく分かれるためのアプリ、いいかも?


お腹を満たしたら、小次郎が燕返しを編み出したという一乗滝。


突入するインターン生!


負けじと自撮りしながらの突入を敢行!冷たい水が心地よい!


広場でVRスイカ割り!
じいかろ、スマホVR「redrain - WebVR/JS」を見ながら、会心の一撃!


スマホVR「左右反転する視界(colorsightをタップして変更可)」装備し、MRスイカ割り!
見えているのにちょっと違う、MRな視界の難しさがおもしろい。
VR/MRスイカ割り、どんな視界でやると楽しいでしょう?
炎天下での長時間スマホVR、熱で停止するので、何台かで運用するのが良いです。(オススメスマホVRはこちら


割れたスイカ、おいしくいただきました。


気温38.45度、湿度41.25%、UVインデックス12.5、不快指数87と、日焼けには気をつけたいBBQ日和!


UVカットが強力なサングラス、UVインデックス12が2に!


IchigoSodaで、温度・湿度・UVインデックスを5秒おきに送信し、スマホMRで見るメガネを持っていくも、ソフトバンク圏外のため使えず! 涼しい一乗滝近くなど、秘境ほど使いたい環境見えるメガネ、BLE化してリベンジしなきゃ!(thuv - WebMegane on GitHub

IchigoSodaで動かすプログラムはこちら

'THUV uploader every 5 seconds 10 CLT:D=5*60 20 GSB@TH:V=(ANA(2)-310)/2 21 IF TICK()>D GSB@SEND:CLT 30 ?T,H,V 40 WAIT12 60 GOTO20 'for T and H 600 @TH:U=95:LET[U],#062C,#4401,#8808,#884A,#4350,#0C00,#4770:U=#800+U*2 610 R=I2CR(#45,U,2,#700,6):[0]=17500:[1]=PEEK(#700)<<8|PEEK(#701):T=USR(U+2,#800)-4500:[0]=10000:[1]=PEEK(#703)<<8|PEEK(#704):H=USR(U+2,#800):RTN 'for sakura.io 800 @SEND:LET[0],2593,19457,T,H,V,0:C=0:FORI=0TO11:C=C^PEEK(#800+I):NEXT:[6]=C:?I2CR(79,#800,13,#820,3):RTN 'for LCD 25 CLS 35 GSB@LC 900 @LC:LET[96],640,64,#5639,#C6C,#C080,64:?I2CW(62,#8C3,5)+I2CW(62,#8C0,3,#900,16)+I2CW(62,#8C8,3,#920,16):RTN 'Fukai Index 31 T=T/10:H=H/100:F=T-T*19/100+(T-T/100-143)*H/100+463 32 ?"Fukai Index:";F/10

sakura.io、1パケットで64bit幅の数値が送れるので、16bitの数値3つをまとめて送信できます。XORを使ったCRCの計算もポイントです。


再び福井で集結、jigインターンOB/OG同期達!

心も身体も洗えるBBQ - jigintern2018’s diary
jigインターン、じっくり開発する2週目に突入!

平成最後の国体「福井国体」がテーマ、jigインターン現役からOB/OG/社員みんなでハッカソンの発表全動画!

2018/08/25
#sabae #jig #movie 

エンジニアの休日のお楽しみと言えば、ハッカソン!
jigインターンDay6の恒例行事、今年は平成最後の国体、福井国体をテーマに6チームで楽しく開発・発表・懇親会!


今年の6チーム、5分ずつの発表動画です!


優勝チームは、子供でも参加できる炬火リレーという斬新な切り口で、テープLEDと赤外線通信によるリレーのプロトタイプを実現!
こどもたちが自分で作って、リレーして回ったりするのも楽しそう!副賞は、jig帽子!


誰もが参加できる国体に!クイズ国体。福井国体にも興味がわき、ちょっと自慢できる知識が手に入るすぐれもの。公式と合わせたデザインも良かった。 副賞は、勝手提供の完全食 COMP(グミ or 粉)。


3位はやりがいを可視化する、やりがいチーム!
なぜか福井県の最低賃金と同数のポイントで溜まっていくポイント!時は金なり。自分の時間、何に投資するかの判断基準にもできそう。 副賞は、やりがいあるエバンジェリスト活動のために、IchigoJam&すべてのこどもたちへプログラミングを「PCN」シール!


テーマは福井国体。


全国各地から駆けつけてくれるインターンOB/OG、お土産提供者には与えられる、自己紹介タイム!


たくさんのお土産、ありがとう!!


まずはインプットとアイデア出し。付箋紙で思いついたアイデアをどんどんかいて、テーブルを移りながらいろいろアイデアを深めます。 その後、いい感じのアイデアを各テーブルから発表してもらって、人気投票。上位6プロジェクトでいい感じにチームが分かれて、開発スタート!


お昼!


開発!


開発!


社員運営チームとOB/OG!


開発!


開発!


はんだごてのオアシスも活躍!


開発!


開発!


開発!


炬火リレーのプロトタイプ!


可能性広がる、テープWS2812B x IchigoSoda!


盛り上がりを音量で可視化するIoTのプロトタイプ。WROOM-02使用!


IoTで参加できる、楽しいカウントダウンのプロトタイプ!


開発後は懇親会、乾杯!


久しぶり!懐かしい話、技術な話、まじめな話。世代を超えて楽しめるって良いですね!


ハッカソン後には撮り忘れた記念撮影!

13高専から16名、夏の高専インターンスタート! 全国高専マップ2018 with Googleマップ

2018/08/20
#kosen #opendata #js #jig 

今年もいよいよスタート、高専生活最高の思い出づくりに挑戦、jig.jp 高専インターン2018!

全国13高専から16名の高専生。


集合場所は、鯖江、jig.jp本店、めがね会館。


ウェルカムパーティーは、福井になんと27店舗!やきとりの名門、秋吉


写真映えするやきとり。小さく量を食べるのが秋吉流。

Day2は、楽しい企画会議、ウォームアップにGoogleMapsを使った高専マップと13高専を表す地図アプリのソースコードを紹介。

GoogleMapsで全国高専マップ!

マップアプリハンズオン資料も見ながら進めるだけで、誰でも簡単マップアプリづくり。

Innovative Tomorrow」のゲストは舞鶴高専出身、さくらインターネット田中さんでした!
衛星オープンデータ化プロジェクトを紹介!

全国高専キャンパスのオープンデータを使って、高専マップづくりへと応用してみました。 現在のGoogleマップの衛星写真は田中さんが言っていたように、アメリカの衛星写真が使われていて利用規約が別途定められていますね。

jig.jp高専インターン2018マップ!


Innovative Tomorrow」非同期共演、プログラミング入門、アナログ入力と条件分岐編として福井高専出身、福野も出演。良い高専の日となりました。
女優さんもIchigoJamはんだづけ! 光るアイスのプログラミングと録画できるデジタルメガネ - Innovative Tomorrow

ここから3週間、毎日インターンブログもスタート!
jig.jp インターン2018始まります! - jigintern2018’s diary

より速く! jig.jp 第15回定時株主総会のお土産と会長就任のお知らせ

2018/06/27
#jig #asm 

株式会社jig.jp、15回目の株主総会と取締役会。 今までの2人代表制を1トップ化し、事業展開の高速化を図り、 私は新たに設けた会長職に就任、次の15年を見据えた広域な価値創造にコミットする新体制がスタートです。

福野泰介 新肩書
株式会社 jig.jp 取締役会長(株式会社 A Inc. 取締役 / 株式会社 B Inc. 代表取締役社長)
英語表記:jig.jp co., ltd. chair Taisuke Fukuno
※オープンデータや、IchigoJamなど、事業構築中のグループ会社 B Inc. は社長継続


社内全メンバーと株主の方へ、IchigoJam 15th anniversary edition をプレゼント。
BASICのスピードが気になるならば、Armマシン語を使ってフルパワーを出し切りましょう。

Armマシン語でハローワールド
HELPコマンドでメモリマップを確認

HELP MEM MAP #000 CHAR #700 PCG #800 VAR #900 VRAM #C00 LIST

まずは画面の左上(VRAM:#900)に一文字表示させるマシン語

R3=#9 R3=R3<<8 [R3+R1]=R0 RET

からハンドアセンブルするか、asm15でアセンブルして、メモリに書き込み実行!

POKE#700,9,35,27,2,88,84,112,71 U=USR(#700,ASC("A"))

プログラミングの楽しさが伝わりづらい「ハローワールド」を、ちょっとひねって、大文字を小文字に変換するプログラムにしてみます。

R3=#9 R3=R3<<8 @LOOP R2=[R0+R1] R2-34 IF 0 GOTO @END R2+=#20 [R3+R1]=R2 R3+=1 R0+=1 GOTO @LOOP @END RET

終了記号がダブルクォート(アスキーコード34)なのがポイントです。
どんなモダンな言語でプログラミングしようとも、マシン語レベルではGOTO分岐とGOTOループが基本なのだと気がつけます。

POKE#700,9,35,27,2,66,92,34,42,4,208,32,50,90,84,1,51,1,48,247,231,112,71 U=USR(#700,"HELLO WORLD")

スペースがアットマークに変わってしまう問題に気が付きました?どう直すといいでしょう?
ヒント:Cortex-M0 Armマシン語表 (asm15表記、抜粋)と試行錯誤!
参考:はじめてのマシン語 - IchigoJamではじめるArmマシン語その1

1段ギアが上がった、スピードのjig、ツールのjig。
ミッションは不変の「利用者に最も近いソフトウェアを提供し、より豊かな社会を実現する」
これからもよろしくおねがいいたします!

150枚限定、IchigoJam - jig.jp 15th anniversary edition

2018/06/04
#IchigoJam #jig 

IchigoJam、jig.jp 15周年記念版!

"Hello World!" に替わる、プログラミングの世界への新しい入口、"LED1"


すっきりした基板!ピン名称が読みやすい!


LPC1114FDH28をはんだづけ。フラックスを使うと意外といけます。


あとは、いつものように、サクサク楽しくはんだづけ!


改良版基板を先取り!ピンソケットまわりが広がっていて、はんだづけしやすい。


電源スイッチが強化され、microUSBの足を曲げずにはんだづけもできるようになってます。


カラーリングはお好みでどうぞ。

すべてのこどもたちへ、プログラミングを!
学生も、おとなも、シニアの方も!

links
- IchigoJam
- jig.jp夏のインターン鯖江で働くエンジニア、共に募集中です!)

IchigoSodaで作る、IoTイチゴ呼び鈴 - IchigoJam BASIC IoT拡張β

2018/05/28
#IchigoJam #KidsIT #IoT #jig 

ネットからイチゴを振って、呼び鈴を鳴らすIoTのつくりかた。

まずはイチゴづくり。隣の黒いのは何でしょう?


物理にドット絵が描いて作れる「クイックセルズ879円〜@Amazon


IchigoJamのキャラクターコード255、イチゴの形にリアルにドットを並べて、水を掛けて、乾くまで待つ。


付属のスタンドをサーボにテープでくっつける。裏面の穴に差し込んで固定。


プログラムと配線、ともに簡単!(参考、サーボをあやつるPWM - IchigoJamプリント

10 N=IoT.IN() 20 IF N PWM 2,N 30 GOTO 10

(IchigoJam BASIC 1.2β IoTコマンド使用 with sakura.io)


IoTで左右に揺らせるイチゴのポップ完成。


100均に売っていた呼び鈴をサーボをスマホからネット経由でコントロールして叩く!


jig.jp 15th! イチゴの日。

links
- jig.jp
- jig.jpロゴに隠されたひみつ - jig.jp 10周年

鯖江駅から歩けるランチマップ by おてがるマイマップ - クリックして簡単なコメントを書いて即共有

2018/03/23
#jig #js #opendata #sabae #megane 

間もなく16期を迎えるjig.jp、今回は鯖江に全員集合してキックオフ!
いざこういう時にさっとランチ場所を伝える方法がないことに気が付き、マップを作成。
漠然としたデータから、誰かのためを思ったデータをセレクトすることで価値がでます。


鯖江駅ランチマップ」徒歩でいけるオススメスポット
「編集モード」ボタンを押して、いろいろ編集すると簡単にURLで共有できるマップができます。

利用シーンに特化したアプリづくり、大事ですね。
網羅的なオープンデータとの接続など、いろいろ拡張していけそうです。


この日、霧に包まれ幻想的な鯖江市、まるで、電脳コイルの舞台、大黒市のよう。


未来のSUI(Spatial User Interface)を先取りする、Windows MRによるVR体験会、人気でした!
VR出社も夢じゃない!

2019新卒エンジニア募集! 無いものを創ろう - asm15 supported SREC format!

2017/12/29
#jig #asm #web #stm32 

jig.jp、2019年4月入社となる新卒エントリーページをオープン!

新卒採用案内 | スマホ(Android/iPhone)アプリ・携帯アプリならjig.jp(ジグジェイピー)

コンテンツ:代表の想い、募集要項、弊社エンジニアの声、座談会、使用技術、使用言語!
jig.jp本店、鯖江の開発センターの雰囲気にビビっと来た人のエントリー、待ってます!

今日の一日一創は、JavaScriptで無いものづくり。

シンプルなアセンブリ言語を「IchigoJamではじめるArmマシン語入門」の解説用に使っていたら、作ってCC0で公開してくれたboxheadroomさんによるasm15アセンブラ! GitHubに載せてオープンソースでオープンライセンスな気軽に使えるWebアプリとして、必要に応じて成長させています。

ターゲットデバイスへのプログラムのバイナリを記述するためのフォーマット、IntelのHEXフォーマットと並ぶ、SRECフォーマット(モトローラSフォーマット、とも呼ばれる)への対応追加!

IoTに最適Arm Cortex-M0からLinuxが動いちゃうCortex-M7までのシームレス感が美しいSTM32の開発環境整備の一貫です。


asm15」 SREC format supported!!

コードを書き足し、テストして、GitHubへコミット!
検索してあえば使う、無ければ創って、共有する。
エンジニアの醍醐味です。

新卒採用案内 | スマホ(Android/iPhone)アプリ・携帯アプリならjig.jp(ジグジェイピー)

高校生インターンでバス到着予測アプリ、iPhone風スクリーンショット用フリー素材

2017/10/27
#js #intern #jig #opendata 

今年初開催となる高校生対象の3日間のインターン。
テーマはオープンデータを使った美しいWebアプリ開発。
初日の午前中、軽いガイダンス、自己紹介の後、早速企画会議。
オープンデータを眺めつつ、日常の不満を元にアイデアを出して、吟味。

決定したのは、バス到着時刻予測アプリ!
鯖江市自慢のオープンデータ、リアルタイムに位置と乗客数が分かるつつじバスオープンデータを使用!


バスの到着時間がわかるWebアプリ
1. バス路線を選択(鯖江市営つつじバス)
2. 現在位置最寄りのバス停2つから選択
3. 次来るバスまでの到着予測時間までの残時間が表示される
・・・という、シンプルなWebアプリ!

現在は2つ前のバス停通過時間を見てその差分を最寄りに足しているだけということで、今後ゲーム化したり、曜日やイベントのデータも含め、機械学習で予測精度を高めたりといろいろ展望は膨らみ、楽しみです!


【画像】バスの悪いところランキング 1位は「時間通りにこない」で55%|ニフティニュース」発表中
早発が問題となる路線定期運行バスなので、遅れ気味に運行されるのはしょうがないとして、どのくらい送れるのかは見える化したいですよね!

最終日の夕方、発表とコードレビューを行って、3日間のショートインターンは修了。


みんなでお昼食べたり、おしゃべりしたり、ボードゲーム会に合流したり、楽しんでもらえてたら何よりです!

発表資料作成の援護射撃として作ったスマホ画面っぽく見せるための透過画像がこちら!
- sphone-base.png (透過PNG画像、オススメ!)
- sphone-base.key (Keynote版)
- sphone-base.pptx (PowerPoint版)
CC0のライセンスフリーなオープンデータとします。どうぞ活用ください。

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