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

7seg LED simulator for IchigoJam web by WebAssembly x HTML

2017/04/20 23:55:00
#js #IchigoJam #web #english 

IchigoJam web updated to simulate 7-segment LED.

IchigoJam web by WebAssembly *7seg on right top!
IchigoJam web connects a 7-seg LED on HTML through shared memory on WebAssembly.


"LED(7seg) by PCN Kanazawa / LED(7セグ) by PCN金沢@ja"
7-segment LED is one of very popular electronics parts to build devices.

You can control the 7seg LED very easy.

OUT1,1

"OUT1,1" to light up a top of LED. OUT1-7 connects each LEDs.

OUT127

127 means 1111111(binary). So all 7 LEDs lighted up.


"Janken using 7seg LED"

This is the dice program.

10 LET[0],6,91,79,102,109,125 20 OUT[RND(6)]

This is the count down progrom.

10 LET[0],63,6,91,79,102,109,125,39,127,111 20 FOR I=9 TO 0 STEP -1:OUT[I]:WAIT60:NEXT


Let's make it!

Write in C language! The fast web with WebAssembly

2017/04/14 23:55:00
#js #web #english 

Chrome and Firefox support WebAssembly to make fast application on the web!
You can write your web application in C language also!
This is simple demo using shared memory on both JavaScript and WebAssembly.

"WebAssembly test" (src on GitHub)

To set up WebAssembly to your Mac (taking 2 hours and 20GB storage space!!)

1. binaryen (compiler for WebAssembly)

cd *** git clone https://github.com/WebAssembly/binaryen.git cd binaryen cmake . && make

*** : your bin path
2. wabt (assembler for WebAssembly)

git clone --recursive https://github.com/WebAssembly/wabt cd wabt make cd ..

3. LLVM (takes long time and big storage space!)

git clone http://llvm.org/git/llvm.git cd llvm/tools git clone http://llvm.org/git/clang.git cd ../projects git clone http://llvm.org/git/compiler-rt cd ../.. mkdir llvmtmp cd llvmtmp cmake -G "Unix Makefiles" -DCMAKE_INSTALL_PREFIX=/usr/local -DLLVM_EXPERIMENTAL_TARGETS_TO_BUILD=WebAssembly ../llvm make -j 8 sudo make install

4. edit PATH (.profile etc...)

export PATH=***/wabt/out/clang/Debug/:***/binaryen/bin/:$PATH

5. done! Let's make web an app in C!

#define SIZE 10 int mem[SIZE]; int* getMemory() { return mem; } int getMemorySize() { return SIZE; } int calc() { int sum = 0; for (int i = 0; i < SIZE; i++) { sum += mem[i]; } return sum; }

"WebAssembly test on GitHub"

Real Time Graph of Bus Passengers using Sabae Open Data

2017/04/13 23:55:00
#opendata #js #sabae #english 

I made a graph app from the open data of Tsutsuji-Bus at Sabae city.

Bus Graph / つつじバス乗客数グラフ@ja
(based on つつじバスなう)

links
- Count of Bus Passengers Real Time Open Data in Sabae
- Deploy to the Bus, "Bus Passengers Realtime Opendata System" will start at Sabae!
- Smart Bus with Corporate Fellowship of Code for Japan in Smart City Sabae

Count of Bus Passengers Real Time Open Data in Sabae

2017/04/12 23:55:00
#opendata #js #sabae #english 

Have you ever wondered whether the bus is crowded or not?
Sabae city started "Count of Bus Passengers Real Time Open Data System".
"福井県鯖江市、jig.jp、さくらインターネットが共同開発した「バス乗客リアルタイムオープンデータシステム」を鯖江市の公共バスで運用開始"

This is the simple monitor application to look that!

"Tsutsuji-Bus now / つつじバスなう@ja"
see JSON Open Data! links
- Real Time Graph of Bus Passengers using Sabae Open Data
- Deploy to the Bus, "Bus Passengers Realtime Opendata System" will start at Sabae!
- Smart Bus with Corporate Fellowship of Code for Japan in Smart City Sabae

Hack the City of Shinjuku with LOD by SPARQL!

2017/04/06 23:55:00
#opendata #js #english 

39 cities have opened them data with LOD (5 star opendata). (*finddata, datalist)
There are 4 types of LOD at Shinjuku-ku, public facilities, public wifis, emergency facilities and culural properties. (公共施設、公衆無線LAN、避難所、文化財@ja)
I updated open source application "AKIJIKAN" to mix cultural properties (URI = http://purl.org/jrrk#CulturalProperty)


AKIJIKAN at Shinjuku DEMO.
Let's find hidden historical place in Big City Shinjuku with AKIJIKAN!

The local councilor at Shinjuku Mr. Yohei Ito made a web application using public WiFi 5-star open data by SPARQL!

"Shinjuku Free WIFIマップ作成。オープンデータ入門は、SPARQLでLinked RDFを操作 | 新宿区議会議員最年少の伊藤陽平"

Shinjuku is a wonderful place cause this city has a councilor who can program web app and talk in SPARQL!

links
- AKIJIKAN (src on GitHub)
- Shinjuku Free WIFIマップ作成。オープンデータ入門は、SPARQLでLinked RDFを操作 | 新宿区議会議員最年少の伊藤陽平

Educational Applications for iPad

2017/04/05 23:55:00
#KidsIT #js #english 

Kids love computers. It spreads them world.

This is a list of educational applications I've made for iPad.

edu apps by fukuno.jig.jp

The latest "kanaroma" is the application to learn Roma-ji. Roma-ji is a standard typing Japanese method on the computer. (* different from the smartphone, the flick input method is standard instead in Japan)

kanaroma
You can write Japanese on your IchigoJam with it!

links
- 小学校で分数は教えるな
- 分数がわかるアプリ
- 勉強とゲームは一緒
- こどもIT体験会

Let's draw graffiti with freepad! / Graphic Recording Seminar for Kids in Hana Dojo

2017/04/04 23:55:00
#hanadojo #js #english 

Graphics Recording Seminar for Kids in Hana Dojo!

Today's teacher is Ms. Tanoue (田上有紗さん).
She graphic-recorded on the event of Kyoto Open Data. "Graphic Recording (グラフィックレコーディング、グラレコ@ja)" is a tool to report with drawn images in real time.


Kids ware trying to draw themselves and present each other!


Programming teacher Mr. Ashida drew this lecture.
We got a little but strong technic to draw pictures to communicate.
Thank you Tanoue-san!

I updated an app to draw graffiti tool "freepad".
You can undo on your smartphone or PC.

Enjoy drawing with relax!

links
- グラレコ講座開催!!: Hana道場

related

ANIKI RUN / Open Data with Open Source improves Open Innovations!

2017/03/05 23:55:00
#IODD2017 #opendata #js #english 

The last committee of the open source application contest using Public Cloud as the open data platform by Ministry of Internal Affairs and Communications (公共クラウドシステム@ja). 5 finalists from 3 areas presented them application and AKIJIKAN was selected the 1st! All of the applications are opened on GitHub means you can remake and publish everythings you like!


"ANIKIRUN" src on GitHub
This simple game uses some illustrations from ANIKI team (src on GitHub)! Fork it!


5 min presentation each


This team included 1 min short drama


Congratulations all!!

The power of open source applications with open data will be big this year!
Let's innovate!

Engineer is Hero!! Duke is Open Data! / Open Seminar Hiroshisma 2017

2017/02/25 23:55:00
#OSH2017 #js #english 

"Engineer is Hero" with Duke by Senior Java Evangelist, Terada-san!!

Duke is my hero mascoat told me the beautiful structure of API by Java.
I've forgotten he is Open Data with BSD!


"Duke - animation1"


This is an IoT device bring by Terada-san!
Try to make hardwares not only softwares as engineers!
IchigoJam is the easiest way to start that.


This is my story "Kids Civic Tech & Open Data x IoT"


OKONOMIYAKI in Hiroshima!


I bringed back from the head quater of Google Mountain View.
I want tell to kids "you and computer will become best friends!" with Droid-kun by Google.

PCN Summit 2017 pre, Robot making at KYORITSU Craft Space in Osaka

2017/02/11 23:55:00
#KidsIT #js #PCN #osaka #IchigoJam #english 

PCN at Osaka!

Here is KYORITSU Craft Space (共立ものづくり工作室).

Touch & try the IchigoJam!

Find our signs.

It's difficult to design links of robot with legs.

Electric Parts Vending Machine in front of the Kyoritsu shop!

It's time to start to learn the links.

"LinkSim 1" - just beginning... Welcome to KYORITSU Craft Space (共立ものづくり工作室).

PCN Summit 2017 pre!

Mr. BASIC Magizine Ohashi-san said become simpler! So I did.

Next, PCN Summit & PCN KIDS Programming Contest in Osaka!

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