Web Developer's Struggle Memories

日々の業務から思ったこと、学んだことを書き連ねていきます。

Riot.js

Riot Router の v5 について

以下 Riot.js を riot と呼ぶ @riotjs/route を route と呼ぶ ことにします. route が気付いたら v5 になってた …え, v5 …だと…!? とりあえず驚きました. 本体である riot のメジャーバージョンがまだ v4 であること, route の方が本体よりも後に v4 版がリ…

2019年の Riot.js の軌跡を振り返ると共に, 来年の活動の抱負

この記事は, Riot.js Advent Calendar 2019 の第25日目になります!(遅刻組です…) riot の変化 まずは riot のリリースノート を見てみましょう. riot の v4 は今年の5月30日にリリースされましたロゴ画像については, nibushibu さんが作成され, PR がマー…

2019年のエンジニア勉強会での登壇を振り返る

この記事は エンジニアの登壇を応援する会 Advent Calendar 2019 の第23日目の記事です. すでに以下のような記事を書きましたが, note.com 最後に登壇について これは エンジニアの登壇を応援する会 のカレンダーで振り返りたいと思いますので, 今回は割愛さ…

npm のダウンロード数で見る Riot.js 2019年版

本記事は, Riot.js Advent Calendar 2019 の第9日目になります. お久しぶりです. 今回はちょっと趣向を変えて, riot が実際世界でどれくらい使われているのか?をざっくりと npm のダウンロード数から見ていきたいと思います. ※ 本記事は PC で見ることをオ…

We Are JavaScripters!! #30 でLTをしてきた話

はい、本年2本目のブログはまたもや登壇してきた話ですw 今年こそは継続的なアウトプットを頑張ろうと思っていながら、なかなかブログではできていないですね。(みなさん進捗いかがですか?←お前が言うな) 今回は、かの有名な東京の JavaScript 專門の勉強…

来年の riotjs の活動の抱負をば。

この記事は Riot.js Advent Calendar 2018 の第24日目の記事になります! 今回はタイトル通り、来年の Riot.js Japan User Group としての豊富や、個人的に Riot.js(以下、riot)関連のサービスやツールで開発したいものを 述べていきたいと思います。 ※作…

2018年のRiot.js Japan User Groupの活動を振り返る

riotjs japan logo Riot.js Advent Calendar 2018 の1日目です!(今年もトップバッター!) 今回はあまりテクニカルなプログラミングの話はせず、ただのポエム記事ですのでその点ご了承ください(笑) Riot.js JP について Riot.js JP とは、 JavaScript の…

Diary 2018-07-10 Overwhelming defeat

Today's workings riotjs-starter-kit Detail github.com Comments 深夜までかかったしまった + 結局うまく行かない点があるということで敗北。明日リベンジする。 Articles HTML5アプリに関わるユーザのための祭典。HTML5 APP CONFERENCE 2018 開催レポート…

Diary 2018-06-25 Sorry. Recently I was too sleepy.

Intro 最近日記書いてなく、反省から入る。色々やることあったり、夜遅かったり、エンジニア的なチャレンジをしていなかったりなど理由付けをしようと思えばできますが、 一言で言い訳すると、 眠かったんです! (笑) いや笑えないな。反省します。 Recent w…

Diary: 2018-06-17 translation

Today's workings Translation Detail カスタムタグ · Riot.js リリースノート · Riot.js Comments ちょっとずつ日記も英語化していこうかなと思っているところ。日常から英語にしないと、なかなか英語で文章を考える力が身につかない。 あとは耳だなー。リ…

日記:2018-06-14 translate and writing

今日やったこと MDNの翻訳 riot本の執筆 詳細 1. MDNの翻訳 日本語が苦手な自分の雑な翻訳ですので、間違っていたりもっと良い訳があればぜひ編集してください!(面倒臭ければ私に直接教えてください) developer.mozilla.org 2. riot本の執筆 以下の2項目…

日記:2018-06-01(遅刻) 誕生日でした

今日やったこと made-with-riot の更新 YYPHP に参加 詳細 1. made-with-riot の更新 Made With Riot IDがズレていたらしく、PR 頂いたので、マージ。 2. YYPHP に参加 yyphp.connpass.com ひっさしぶりにオンラインではなく、現地での参加。やっぱり楽しか…

日記:2018-05-30 AWSの日

今日やったこと made-with-riot サイトの更新 AWS Summit Tokyo に参加 詳細 1. made-with-riot サイトの更新 Made With Riot 2. AWS Summit Tokyo に参加 www.awssummit.tokyo 前回スタッフをした JAWS Days 以来のAWSのビッグイベントに参加。と言っても、…

日記:2018-05-28 小さくても1歩

今日やったこと riotjsの公式サイトの日本語ページのリリースノートを更新 詳細 リリースノート · Riot.js 所感 twitterでもつぶやいたが、久しぶりに「スキル不足」「技術力が足らない」「教えるリソースがない」とか言われた(3つ目からなんの話かは察し…

日記:2018-05-24 いろいろ思う所あり

今日やったこと riot-cli の機能追加について考えた 自分のキャリアについて考えた 筋トレ 詳細 1. riot-cli の機能追加について考えた github.com riotjs にも cli ツールがあり、それはコアに組み込まれている。しかし機能は正直貧弱と言わざるを得なく、 …

日記:2018-05-22 大反省の日だった

今日やったこと Riot.jsで簡単SPA開発ハンズオン 詳細 supporterzcolab.com こちらの勉強会で登壇してきた。スライドはまだ未完成(おい)なので後ほど公開。今はQiitaで限定共有投稿している。 今回も反省点が多かった。 資料・準備が雑 時間が短いので、2…

日記:2018-05-17

昨日の日記のリンクを「所感」の終わりに移動してみた。そして、今夜のGoogleの勉強会だが、案件リリースのため泣く泣くキャンセルした。。行きたかった。 今日やったこと Flux, Reduxのお勉強 RiotControl の routing_demo を riotjs v3 で動作させた 5/22 …

日記:2018-05-16

←昨日の日記 今日やったこと node-sassでちょっとハマった nodejs の readline について勉強 riotx 詳細 1. node-sassでちょっとハマった github.com これ。macで docker 使って開発環境を建ててたんだが、node-sass のバインディングがおかしくてコケてた。…

日記:2018-05-15

←昨日の日記 今日やったこと riotx npm run-script の -f オプション 詳細 1. riotx 2日連続で同じリンクなので、特に言うことはない。 Riotx 紹介 · Riotx 2. npm run-script の -f オプション 今日、仕事の先輩が見つけたものだが、npm run-script を実行…

日記:2018-05-14(遅刻)

←昨日の日記 遅刻ではない。大遅刻だ。 次の日の15時を超えとる。 まだ習慣になっていないということだな。 今日やったこと riotxの勉強 詳細 Riotx 紹介 · Riotx ひたすら↑見つつ、plunker で手を動かしていた。 所感 今日はちょっとぼやっとしすぎた。本読…

「Riot.js 勉強会 @Tokyo #3」を主催したので振り返りました。

riotjs-jp.connpass.com はじめに 1週間前の4/5に、実に1年ぶりにRiot.js(以下riot)の勉強会を開催できました❗ 前回まではサイバーエージェントさんの会場をお借りしてましたが、今回は株式会社サポーターズさんの会場をお借りすることができました。 また…

Riot.jsのv4について改めてissueを追ってみた話

この記事はRiot.js Advent Calendar 2017の24日目(遅刻)になります!申し訳ないです! qiita.com Riot.js(以下、Riot)は非常にシンプルかつ軽量で入門の敷居も低く、とても書きやすいコンポーネント指向のUIライブラリです。 今回は、おそらく来年リリー…

Riot.jsのcliツールを作りたいなぁというお話。(協力者募集中)

Riot.js Advent Calendar 2017 の3日目の記事になります! 今回もあまりRiot.js(以下Riot)の書き方やtipsなど、テクニカルなプログラミングの話ではありませんのでご注意ください。 qiita.com Riot以外のフレームワークやライブラリのCLI いくつかピックア…

Riot.js(v3)のeachメソッドによるループ速度を計測してみた

はじめに Riot.js(以下riot)は非常にシンプルかつ軽量で敷居も低く、とても書きやすいコンポーネント指向のUIライブラリです。(ここまでテンプレート) v3がリリースされ、速度も改善されたとのことでしたので、検証してみました。 計測方法は、各ループ…

今年1年真剣にRiot.jsと付き合ってきたので振り返ってみた

Riot.js Advent Calendar 2016の1日目です!(初トップバッター!) 今回はあまりテクニカルなプログラミングの話はせず、基本ばかりなので、その点ご了承ください(笑) qiita.com はじめに Riot.js(以下riot)は非常にシンプルかつ軽量で敷居も低く、とて…

Riot.jsでデータバインディングっぽい実装方法

はじめに Riot.js(以下riot)は非常にシンプルかつ軽量で敷居も低く、とても書きやすいコンポーネント指向のUIライブラリです。(ここまでテンプレートにしたい) 今年の夏にv3.0.0が出てきたことで、さらに熱いので皆さん是非触ってみてください! ここか…

webpack + Riot.js + jadeで開発環境を作った話

はじめに 今までgulpを使って自動で.jsやら.scssをコンパイルするようにしていたが、今回はよく耳にするwebpackを使って開発環境を作ってみたお話。(最近触り始めてかなり気に入っている) もちろんgulp-*モジュールをフルに使えばできることだが、webpack…

Riot.jsのタグのライフサイクルについてのメモ

公式ページにタグのライフサイクルについてこう書かれている。 A tag is created in following sequence: Tag is constructed Tag’s JavaScript logic is executed HTML expressions are calculated and “update” event is fired Tag is mounted on the page…

Riot.jsで変数の値によってhtmlタグに別のクラス名を付与する方法のメモ

まえおき 分かりにくいタイトルじゃの(笑) 例えばmount時に渡された変数の値を取得したり、ajaxでAPIから何らかのデータを取得し、 その結果の値によってpタグのクラス名を別々に付与したい時ってあると思う。あるよね? ほいで、それをRiot.jsだとどう書…

Riot.jsでAjaxを使った非同期通信について

はじめに 現在あるプロジェクトで、JavaScript界隈では一時期話題になった(*1) Riot.jsで開発をしている。DBとのデータのやり取りを全てAPI化しているため、APIに非同期に通信しているのだが、ちょっとコケたので(*2)備忘録として書き残す。 開発環境な…