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

nemgraphアップデートについて

nem188xem (22) 450 19 2

*2020.01.16 オレンジ部分アップデート

あけましておめでとうございます。皆さま良いお正月を過ごされたことと思います(*´∀`*)

 

さて先日、年末のあいさつに書かせて頂いたnemgraphのアップデートがもう間もなく仕上がります。

年末からほとんどPCの前に座りっぱなしで、脇目も振らずアップデート作業に勤しんでおりました。

テストリリースをしたいのですが、明日から出張で2週間ほど留守にしますので、

バグ等、急な修正に対応することが難しいと思われます。帰国後、1月下旬あたりにテストリリースを行いたいと思います。(現地で余裕があればなんらかのアナウンスはするかもです。)

 

気になるアップデート内容ですが、しょうもないアップデートも含め、思いついた順にざっと羅列していきます。カテゴリ分けもしてませんので、読みにくかったらゴメンナサイ。専門用語も出てきますが、なるべくわかりやすくかきますね。

デザインは据え置きですが、大部分のコードを1から書き換えたので、自分の中では超絶アップデートだったりします。

 

アップデート予定

 

もっとSPAに(Single Page Application)

通常、webサイトではリンクをクリックすると、リンク先ページの情報を全て読み込みますので、ページが表示されるまで時間がかかります。一方、このSPAという仕組みでは「変更がある部分」だけを読み込んで表示しますので、読み込みが早いです。現状のnemgraphでは通知なんかがそれにあたります。このSPA化をもっと改善し、プロフィール表示、お知らせを含む主要なページ全てに適用しました。これによって、よりモバイルに近い挙動となりました。

(余談:世の中SPAに適した便利なjavascriptフレームワークがある中、jQueryでSPAに挑戦するという暴挙は本当に疲れた。モーダルウインドウの表示階層管理のアルゴリズムが相当に面倒でした)

 

フッターバーと投稿ボタン
今までは画面隅にメニューボタンを配置していました。見た目的に気に入っていたのですが、何かアクションを起こす際、「メニューを開く」という無駄動作が1つ発生することを嫌い、全てワンタップでアクションに到達できるように画面下にボタンを並べました。従来のメニューボタンはTwitterのように「投稿ボタン」として使用します。またこの投稿ボタンはモーダルウインドウ(投げNEMのときに出るサブウインドウみたいなの)が開いているときは閉じるボタンとして機能します。

 

 

お知らせの表示をメニュー化

今まではトップ画面上部に固定でお知らせが表示されていましたが、邪魔なのでメニューに格納しました。通知やDMと同様、未読がある場合はお知らせランプが表示されるようにしています。

 

クイックタグ

良く検索するワードや興味のあるカテゴリのブックマーク機能を追加しました。TL上部に登録したワードが列挙され簡単にアクセスできます。たとえばイベント開催時のタグ検索なんかにも使って頂けます。

 

 

シェア時の画像表示/非表示

現在、投稿をツイッターなどでシェアするとアイキャッチ画像として、nemgraphのロゴが表示されますが、これを実際の投稿画像に置き換えることができるようになりました。

 

 

販売画像の管理

販売画像の価格変更が今までは不可能でしたが、プロフィール画面に販売画像一覧表示を設け、簡単に価格のアップデートができるようになりました。

 

販売価格上限変更

販売価格は100xemまでの上限設定でしたが、上限10,000xem⇒1,000xemに拡大しています。

 

販売価格の表示

今まではカートボタンをタップすると価格が表示されましたが、画面上にも表示されるように改善しています。

 

販売画像へのウォーターマーク  

販売画像を投稿した際は表示画像にnemgraphロゴのウォーターマーク(透かし)が入るようになりました。

 

複数画像のダウンロード

使用許可画像が複数投稿の場合、実は1枚目しかダウンロードできませんでした・・・。全ての画像がダウンロードできるように画像をめくった際、画像のダウンロードリンクが更新されるように変更しています。

 

TL上で複数画像のめくり

複数画像投稿では一度コメント欄をオープンしないと閲覧することができませんでしたが、TL上で複数画像のスワイプ閲覧ができるようになりました。

 

TL上でコメント全文確認

コメントが長い場合、コメント欄をオープンして全文確認する必要がありましたが、TLから「続きを読む」ボタンをタップすることで、全文確認ができるようになりました。

 

 

TL上からコメント

TLから簡単にコメントすることができるようになりました。

 

 

TL上からシェア

TLにもシェアボタンを配置しました。

 

PWA対応(Progressive Web Application)
PWAとはwebサイトをモバイルアプリの様に動作させる技術です。以前対応させたつもりでしたが、不足する所があったので追加しています。この人の役割は画像やら機能を予め端末に保存しておき、nemgraphアクセス時にサーバーからのダウンロードデータを少なくすることを目的としています。速度アップですね。ちょっとややこしいので、また詳細説明は実施するつもりです。

 

通報ボタン

不適切な投稿への通報があまり機能していませんでしたので、わかりやすい位置にアイコンを配置しなおしました。

 

動画の投稿

ついに動画投稿が可能になります。サーバー代が恐ろしいですが、動画アップは避けては通れないでしょう。動画時間はとりあえず2分⇒30秒までのものとしておこうと思います。

 

プレアップロード

投稿の際、アップロードに時間がかかりますよね。イライラします。投稿ストレス減のため、ファイルを選択した瞬間からアップロードが始まり、コメントなんかを書いてるうちに裏でアップロードが終わってるって言う方式に変更しました。

 

サイドメニュー整理

画面右上のメニューボタンを押したときに表示される項目を整理。あまり使わないものは全部ここに突っ込んだ。

 

画像の遅延ロードの徹底

ページの表示要素と画像を一緒に読み込んでしまうと、ページが表示されるまでの時間が凄く長くなります。イライラです。これをなるべく回避するためにページの要素だけを先読みし、画像は後から順番に読み込むという方法を徹底しました。表示速度がちょっと改善されてると思います。

 

 

とりあえずこんなところかな。カタパルト以降以下機能も導入予定です

・ガチャ的なの

・アフィリエイト

 

 

ついったに簡単な紹介動画をアップしてます。

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
色深寅
2020-01-06 21:40:34ID:168202

楽しみにしています!^_^

しゅう:nemlog作ったモヒカン
2020-01-05 10:12:56ID:167856

>>さらみん::さん
僕ももっと自分の作ったものを使いたいんですが、現状の使いにくさがある中で使用するより、皆さんのために改良する時間に充てたいなと考えるとなかなか使えなかったり・・・(;´∀`)

しゅう:nemlog作ったモヒカン
2020-01-05 10:10:29ID:167855

>>ゼム🐳ゼム.::さん
ガチャ的なのはカタパルトアップデートで導入したいなぁと。
毎日のアクセスでxemが当たる!

さらみん
2020-01-05 02:13:44ID:167826

SPAと言う言葉初めて知りました_φ(・_・勉強になります

ユーザ目線の細やかな改良ですごく使いやすくなりそう(๑・̑◡・̑๑)
運営してる方がちゃんと自ら使っているサービスって、ちゃんと生きてると言うか、そこに愛があるな〜としみじみ思いました🙏✨

ゼム🐳ゼム.
2020-01-05 01:04:16ID:167817

・w・アップデートお疲れ様でぇえす!
ガチャ的なのにになるぅうう!

しゅう:nemlog作ったモヒカン
2020-01-04 21:14:43ID:167733

>>だい::さん
そうなんですよ。Vueとかの方が適切なんですが、習熟度がいまいちで・・・。
じゃあもうjQueryでやっちゃったほうが早いなと。気合です。
1ユーザーとして使い勝手を重視してアップデートしたつもりです。

しゅう:nemlog作ったモヒカン
2020-01-04 21:10:10ID:167732

>>ソラネコ@眠りの檻 ニェムカ::さん
全然意識してませんでしたwww
ネコちゃんカジカジしてみましょうかw
何味かな?w

しゅう:nemlog作ったモヒカン
2020-01-04 21:09:21ID:167731

>>大魔うぇ〜いえっさん(● ˃̶͈̀ロ˂̶͈́)੭ꠥ⁾⁾::さん
SPAってググっても雑誌の方しか出ないんですよねw
nemgraphはネコ派に押されてる気がしますが、ワンちゃんもどんどん行きましょうw

NEMber who posted this article

nemlogとnem storeを作った人。
nemが使えるところを増やせばいいんですね!
頑張って増やします!(`・ω・´)シャキーン!
37224
0

Why don't you read following articles?

0 XEM
126 1 0

1.7 XEM
112 1 0

0.85 XEM
162 2 0

15 XEM
125 1 0




0 XEM
26 1 0

しゅう:nemlog作ったモヒカン's articles

68.3195 XEM
941 11 5

852.7213 XEM
813 51 10

286.5039 XEM
768 18 4

11295.9423 XEM
901 18 8

3379.8623 XEM
3011 39 17