connecting...
Google translation for articles :
8 NEMBER donated to you!!

NEMサービスのStreetNEMS(α)を公開しました

nem81.98xem (8) 431 6 0

こんにちは、ゆーたろ@yutaro_elkです

今日で平成は最後。みなさんはやり残したことはありませんか?僕はここずっと作っていたWEBサービスがありまして。そのサービスStreetNEMSを、やっと、公開しました。

 

StreetNEMS

 

当初SNEMSのクローンとして作り始めましたが、いやー最終的には似ても似つかわしくない代物になりましたね。

そもそもの作り始めたきっかけは先日のこちらの記事をご覧いただければ。

 

 

StreetNEMSとは

StreetNEMSは一言で言うと「NEMのトランザクションビジュアライザ」です。

特定のNEMアドレス(今回はSNEMSのアドレス)に送られたトランザクションを可視化しイイ感じに表示する、といった感じのサービスです。

 

可視化の方法やモチーフは色々考えられまして、SNEMSは掲示板ですね。今回StreetNEMSではストリートグラフィティをモチーフに作りました。

ブロックチェーンの特徴である永続性公共性をより強調して表現したかったんですが、ストリートグラフィティが、

  • 壁に書いたら二度と消えないという永続性
  • みんなが見ることができる通りの壁という公共性

で共通点がありちょうどいいんじゃないかと。

 

 

StreetNEMSの機能

SNEMSの投稿から投稿者ごとにペンネームを生成し、それをストリートグラフィティのタギングを模して表示します。

 

ストリートグラフィティでは、タギング(Tagging)という自分のペンネームをシンプルなスタイルで書く行為があります。みなさんも一度は見たことがあるんじゃないでしょうか。

またストリートグラフィティのペンネームは短い名前+数字という形式(例:TAKI183)がスタンダートということで、StreetNEMSでもそれにならいました。具体的にはアルファベット四文字+数字三桁です。

 

ちなみにStreetNEMSでは投稿者の公開鍵からペンネームを作ってます。どうせだったらかっこいいタグが生成できるようにしたかったんですがいかがでしょうか?

 

投稿時のxem送信料によって文字が大きくなるのはSNEMSと同じ仕様です:)

描かれる位置や文字の色は、投稿時のトランザクションハッシュから固定値を割り出しているのでランダムではありません。

 

 

こだわりポイント

同じソースコードを使えば必ず同じものが表示されるように、ランダム要素を完全に無くしたことが地味にこだわりポイントです。

技術的な話はQiitaにあげるつもりです。(初投稿!怖い!)

 

 

今後

まだまだ改良したいところはいっぱいあって

  • リアルタイムで書き込みが更新されるようにする
  • 今は投稿者のペンネームだけですが、メッセージもグラフィティとして表示したい。(漢字とひらがな、あと長いメッセージをどう表示するかが悩みどころ)
  • モザイクにも対応したい
  • 他のアドレスへの対応

など。

なので今後もアップデートするつもりなんですが、そのさい書き込み位置や書体が変わる可能性もあるのでご了承ください。(本当はモチーフ的に変えたくないんだけど…!)

 

また上記の通り、技術ブログサイトであるQiitaにも記事を書く予定です。StreetNEMSの解説のほか、主に初心者・入門者向けに、SNEMSを使ったNEM開発のためのチュートリアルが書けたらいいなーなんて思ってます。

 

 

作ってみた感想など

いやー時間かかりました(笑

 

NEMのもくもく会に作業するネタのために作り始めましたが、ここ一ヶ月以上こればかり作ってました。

 

作っていく上でWEBエンジニアとしての勉強にもなりました。当初は転職のためのポートフォリオにもなったらいいなと思いながら作っていたのですが、結果できたのが技術力を示すにはわかりづらいものになってしまったのは反省です。

 

またたくさんの方にも助けていただきました。プログラミングで分からなかったこと、NEMのapiについて、もくもく会など場の提供、そしてTwitterやnemlogでも応援や投げNEMも頂けて、とても励みになりました。この場をお借りしてお礼申し上げます。

 

ありがとう!!!!!

 

 

ちなみにStreetNEMSを作るにあたってストリートグラフィティのことを改めて調べてみたんですが、楽しいですね!グラフィティの歴史、町中の落書きにしか見えていなかったものが、知識を得ることで今度はワクワクするものに見えてくる。最近はプログラミングの勉強しかしてなかったのでとても楽しかったです。

 

これでとりあえず平成は納まったかな!令和ではエンジニアを職にしたい!

 

ということで、ありがとう平成!こんにちは令和!

 

Why don't you get crypt currency 'nem' by posting your blog article?

nemlog is blog posting service which has donation feature by crypt currency nem.
nemlog was launched to create environment which can be donated nem among NEMbers via blog articles.
Let's get nem by posting good blogs.

Nem prize event is being held frequently, Please join us on this opportunity!

nemlog registration from here
Register
Comments from NEMber
ゆーたろ
2019-05-01 07:29:19ID:112057

>>salaryman-toushi::さん
ありがとうございます!!
こちらこそいつもTwitterでも励みにさせていただいてました

はい!Qiitaもぜひ!

salaryman-toushi
2019-04-30 23:14:02ID:111963

(ひとまず?)開発お疲れ様でした^_^
時々twitterで流れてくる開発進捗が気になってました
無事公開おめでとうございます
Qiitaも楽しみにしています

えっさん@ネモナ×ゼモナ
2019-04-30 22:33:16ID:111922

>>ゆーたろ::さん
なるほどうぇ〜い(● ˃̶͈̀ロ˂̶͈́)੭ꠥ⁾⁾
理解できたうぇ〜い(● ˃̶͈̀ロ˂̶͈́)੭ꠥ⁾⁾

これ!面白いうぇ〜い(● ˃̶͈̀ロ˂̶͈́)੭ꠥ⁾⁾

ゆーたろ
2019-04-30 22:25:00ID:111918

>>えっさん(囚われの身)🐾nemlogツアーコンダクター&コメンテーター🐾::さん
ありがとうございますー!かっこいいって言ってもらえて嬉しいです!

現在はちょっと機能が少なくて、SNEMSに投稿していただいたあとStreetNEMSを更新すると、どっかしらにタギングが増えてるって感じになってます(汗

一応画面の一番右下がSNEMSのアドレスのQRコードになってますー

えっさん@ネモナ×ゼモナ
2019-04-30 22:04:37ID:111899

見に行きましたうぇ〜い(● ˃̶͈̀ロ˂̶͈́)੭ꠥ⁾⁾
かっこいい!

えっさんとかも使えるのですか?

NEMber who posted this article

22398
0

Why don't you read following articles?