1. jkondoの朝の散歩
  2. 6/7 LISTENのフレームワークの..
2025-06-07 21:25

6/7 LISTENのフレームワークのアップグレード作業を終える

spotify apple_podcasts

長かった〜!😆

#声日記

Summary

LISTENのフレームワークをアップグレードする作業が長引いており、最終的には不具合の修正を行いながら進めています。特に、新しいライブラリへの移行によって様々な問題に直面し、大変苦労していますが、最終的には一定の成果を上げています。アップグレード作業を終える過程でのリフレッシュや問題解決の重要性が語られており、伊原智一さんの100マイルレースの挑戦についても触れられています。

フレームワークのアップグレード
こんにちは、2月7日土曜日です。 久しぶりです。
久しぶりにやっと、声日記が撮れました。
ただいま、車の中でちょっと移動中ですけれども、
なんか長いこと、ちょっとね、今途中みたいな、これが終わったらちょっと落ち着きそうなのに、みたいな状態がずっと続いていて、
ようやくちょっとね、1個今日、ずっとやってたことが一応一区切りつきまして、ちょっとなんかこう、ほっとしてというか、
やっとなんか声日記、ちょっと撮れるなーっていう気持ちになって撮ってます。
何をしてたかっていうと、さっきね、LISTENでちょっとお知らせを出したんですけど、
ずっとLISTENで使っているフレームワーク、なんていうんですかね、そのウェブアプリケーションを作るライブラリーみたいなものですけど、
それのアップデート作業をね、ずっとやってまして、
古いバージョン、作った時は最新だったんですけれど、そのフレームワークが今だと2世代遅れぐらいになっていて、
そろそろね、新しいバージョンにバージョンアップした方がいいっていう状況になってたんですよ。
まあとはいえちょっとね、ごっそり入れ替えると、いろいろと直さなきゃいけない部分が出るんで、ついつい後手後手になって、
まあおったらかしってことはないんですけど、どっかでやらなきゃなーと思いながらも、ちょっとバージョンアップが後回しになっていたっていうフレームワークがあって、
最近にんじんくんとかじゅんぼくさんとか新しいエンジニアの皆さんが入られて、
リッスンを一緒に開発するようになってるんで、古いバージョンの作り方とかを覚えてもらうよりは、
早めにアップデートして最新バージョンした上で、その最新バージョンの作り方を覚えてもらうほうが、
そりゃ本人たちも気持ちがいいというかっていうのもあると思うんで、
まあこの辺で一丁アップデートしましょうということになりまして、やり始めたんですけど、
まあこれが大変で、一応アップグレードガイドって言って、ここが変更になってるんで、この部分を変えてくださいねっていうドキュメントが公式で出てるので、
基本はその通りに既存のプログラムを修正すればアップグレードが可能っていうことに一応なってるんですけど、
まあいろいろといろんなライブラリーが組み合わさったりとか、あとちょっと複雑な処理をしているところで、
どうにも予期したように動かないみたいなことがあって、
まあそれをその想定通りの動かし方、あの動き方に修正していくのにものすごく時間がかかってしまったってことで、
まああのロンドンに行っていたとかもあるんですけど、
かれこれどうかな、3週間ぐらいはやってたんじゃないかな、
だから5月いっぱいずっとやってたぐらいの感じでやってたんで、
まあ本当に大変だったなっていう、今はそういう気持ちです。
不具合の修正作業
ちょっとあのね、さっき本番反映して一応基本的な動作確認したんですけど、
もしかしたらまだ不具合とか、うまく動かないところとか見つかるかもしれないんで、
ちょっとその時はごめんなさいですし、順番に直していきたいとは思いますけど、
一旦こちらで見つけられた不具合とかはね、一応潰せたと思っています。
だけどそれが長かったですね。
何が大変かというと、ちょっとね、リッスンって昔と違って最近作ったページ、
例えばドップページとかですと、ポッドキャストのエピソードを選んで再生して、
再生したまま下にプレイヤーが出ると思うんですけど、
その再生したまま、例えば上のタブを切り替えてフォローチューニング変えたりとか、
おすすめに変えたりとかってパチパチ切り替えられたりとかして、
下は再生したやつがそのまま出ているとか、
そのエピソードが終わったら次のエピソードに行ったりとか、
好きなエピソードを選んだらそちらが再生始まったりとか、
それが一個のページで全部行われていて、タブとかを再生しながら切り替えられたりとか、
あとはその下からピュンってエピソードの情報を出して、
概要欄とか文字起こしとか、星とかコメント欄とか、
そういうものが下からギュッと上がってきて確認できたりとか、その場で見れたりとか、
その状態でさらにエピソードが切り替わると、
その下から出てきている情報もその次のエピソードに切り替わってみたいなことを、
基本、ページを移動せずにどんどん同じページの中でやってます。
あれは裏側ね、今リッスンはララベルっていうPHPのフレームワークを使ってるんですけど、
その前面というか、一つのページであちこち押したらどんどん描画が切り替わってみたいな処理は、
ライブワイヤーというJavaScriptと裏側のバックエンド、
PHPのフレームワークを繋ぐ部分を担当してくれるフレームワークを使って実装してるんですけど、
ここがね、タイミングっていうのがあるんですよね。
表示されているボタンを押したときに、そのエピソードがちゃんとページの中に表示されていればいいんだけど、
例えばその表示が終わる前に次のエピソードを選んだらどうなるのとか、
その時に概要欄は出てるけどコメント欄は出れなかったらどうなるのとか、
いろいろそういう微妙なタイミングとか整合性みたいなところがあって、
単純に表示だけならできるんですけど、パチパチ急いで切り替えたりとか、あちこち押しまくったりとかしたときに、
結構不具合というかエラーが出やすいみたいなのがあって、
今回のバージョンアップはその辺の仕様がだいぶ変わったのか、
相当ちゃんと見直して作り直さないとあちこちで今までと違う挙動をしてしまうみたいなことがかなり大きかったんで、
ララベルっていうのはライブワイヤーが2から3に変わったんですけど、そこの影響がとっても大きくて、
いろいろ動かない動かないっていう感じだったのを順番に見つけては直していくっていう作業をずっとやっていて、
AIの影響と開発の変化
やり方が分かっててやれば直るとかだったら数が多いこと自体はそんなになんですけど、
問題は個別的すぎてやり方がよくわからないというか、
どう直せば直るかがわからないみたいなものが結構多くて、そこが大変でしたね。
やり方が分かっててみんなが同じように直すようなことっていうのはだいたいウェブに情報があるんで、
AIとかにも聞けばだいたいそういう時はこうすればいいですよっていう感じで修正できるんですけど、
あまりにも問題が個別的すぎるとなかなかAIとかに聞いてもこうすればいいよみたいなことをまとえた答えがなかなかなかったりするんで、
そうするとどうなるかというと、別に今まではずっとそうだったんですけど、
オフィシャルの公式のドキュメントを読んで、まず仕組みを理解して、今回のアップデートで何が変わったかということを理解して、
そうするとなぜこの不具合が起きているかということがだんだん分かってきて、原因をまず理解した上でそれをどう修正すればいいかを考えて修正するという、
そういう作業が必要になってきて、最近は本当にAIを使うと特に何もないところから新規のページを作るとか新規の機能を作るとかが本当に早くて、
こういうページを作ってくださいとかこういう機能を作ってくださいというと、そこそこ動くものがバーって出てきちゃったりするんで、
その勢いに慣れて、あとその楽さに慣れてくるとね、公式ドキュメントをちゃんと読むっていう癖がだんだんなくなってきていて、
やっぱり時間がかかるんでね、公式のドキュメントを1からちゃんと順番に読むっていうのは、
このライブラリフレームワークはどういうフレームワークかみたいなところから概論みたいなところから始まって、
中がどういう仕組みで動いているかとか、なぜこういう仕組みが必要なのかとか、
そういうところから始まって、基礎から順番にOAOAみたいな、大体そういう構成でいろんな技術的なライブラリのドキュメントって書かれていますけど、
そういうのを1から読んでいると、作った人の思いとかね、設計思想みたいなのが分かって楽しいっていうのはあるんですけど、
まあまあ時間がかかるし、やっぱり手動かしながらやらないと全部いきなりは覚えられないんで、
それじゃあ読みながら1個テストでアプリケーションを作って見てみたことをやっていけば理解はできるんですけど、やっぱり時間がかかって。
でもそれをしないと昔はそもそも理解したっていう状態にならなかったんで、
なかなか本番で使うようなものを作るっていうのは難しかったので、
一旦ドキュメント読みながらテストでいろいろ動かしてみて、こういう仕組みなのねって理解した上で使いこなしていくみたいなことをやってましたけど、
最近は本当にAIに聞けばいきなりやりたいことをやるにはどういうコードを書けばいいかっていうのが出てきちゃうんで、
いきなりやっぱり聞いてしまって、そのAIのコードを使っていきなり動かして、すごい速度で、すごいスピードで作れたぞっていう感じでどんどん前に進むみたいな、
そういうことがやっぱり多くなってきてるんで、いざこうやってAIでは解決できない問題にぶち当たった時の、
なんかこの速度が急に落ちる感じ?なんかもっと前にすごい勢いで進んでたのに、全然進めへんやんみたいな。
めっちゃくちゃこの遅い泥沼みたいなところに足を取られて、もがけどもがけど全然沼から這い上がれないみたいな気持ちになって、なんかすごい辛かったですね。
昔もそうだったと思うし、そもそもバグ修正っていうのは結構しんどいことだと思うんですけど、
やっぱりその新規開発のスピードが速くなりまくってるんで、相対的にそのAIじゃ解決できない沼にはまった時のなんか辛さっていうのが相対的にさらに増してるような気がして、
本当にこうやってもやっても出口が見えなくて、今回はとっても辛かったです。
まあ結構ね、かなり毎日毎日それのこと考えてやってると、なんか気が重くなってきておかしくなってくるんでね、なんかすごい気持ちがまいてたんですけど、
それでね、なんかもうちょっと公園日記とか、そもそも朝の散歩自体も最近行ってなくて、朝の散歩やってるどころじゃねえみたいな気持ちで、
散歩も行かずにすぐにパソコンに向かってね、昨日解けなかった問題だけどこうすればいいかもとか言いながら考えてやってはやっぱりダメかみたいなことを繰り返してみたいな感じで、
なんか忙しかったっていうのもありますけど、ロンドン行ったりとかいろんなレースがあったりとかあったんですけど、その隙間で暇を見つけてはその修正を続けるみたいなことをずっとやってて、
結構精神的に本当に追い詰められていたというか、なんかちょっと集中しすぎたというかだったのかなと、今になったら思いますけど、
そんな気持ちで公園日記撮る時間もあんまりなかったっていうか、心の余裕がなかったんですけど、
先週末に東京グランドトレイルという東京の西の奥多摩で開かれる100マイルのレース3日間行ってきて、
アップグレード作業の振り返り
ちょっとそれがいいリフレッシュになったというか、山奥に3日間いて、いろんな山を走ってる選手たちと喋ってて、ポッドキャスト撮って帰ってきて、車で運転して帰ってきたのは、
結構ちょっと息抜きというかリフレッシュできて、なんかあれが良かったですね。
で、その行く直前まで本当に詰まってたんですけど、無理やり山に行って帰ってきて、ちょっとリフレッシュして、
で、改めて何とかあの問題を解決しようと思った時に、いきなりまたプログラム書き始めて、ああでもない、こうでもないってあれこれ考えて書くっていう前に、
一旦ちょっと落ち着こうみたいな、ちょっとやっぱり外に出て冷静になって戻ってきた時に、
ただただその手動画作業を続きから始めるっていうよりは、ちょっと一旦冷静になろうと思って、いきなりプログラムを書かずに公式ドキュメントを一から読むっていうのをやり始めたんですよね。
一回原点に立ち返ろうと、昔はそうしてたしねっていうことで、関連するララベルとかライブワイヤーのドキュメントを一旦最初から読み始めて、
コードも書かずに最初ドキュメントを読むっていうことをやりました。
そうしたらやっぱりね、いろいろ気づきがあって、ちょっとちゃんと理解してなかったけど、そういう仕組みで動いてたのかみたいな、裏側でね、
どういうことが処理が行われて、どういう順番で、どういう風な仕組みでそのフレームワークが動いてるかみたいなことがだんだん理解できてきて、
だから今回の不具合のここはこういう風におかしいんだろうなっていうようなことが当たりがつくようになってきて、
そうしたらね、いろいろちょっと合理的な解決策というか、きっとこういう理由じゃないかっていう仮説をまず立てて、
それに対して、だったらこういう風にやれば解決するかもしれないなみたいなことがちょっと冷静に考えられるようになってきて、
だからあんまり、まずAIが頼りにならないので、一旦ドキュメントを読んで、仮説を立てて、仮説の元に修正を加えて検証していくみたいなことをやり始めて、
それで一気に物事が良くなってきたというか、バグというか不具合の解決方法の手持ちの玉が揃ってきたという感じで一個一個考えながら修正をしていって、
一旦、きちんと分かっていた不具合というのが先週いっぱいというか今週いっぱいぐらいで直せたかなという感じでした。
だから本当は原点に帰ってというか、やっぱりちゃんとドキュメントを読むというのが大事だなというのが今回の教訓です。
昔はそうしかなかったのでやってたと思うんですけど、やっぱりそうだよねという感じですね。
ここもさらにAIが進化すると、今の行動を見ながらさらにドキュメントのバージョンとかも気にしながら本当の原因を探ってくれるとか、
それぐらいまでAIも進化すれば行く可能性もあるので、そんなことすら別にドキュメントなんか読まなくても、
質問すれば正しい答えが返ってくるみたいな世界というのももうすぐやってくるかもなという気はしますけれど、
とにかく現状において万能ではないAIが解決できないことに当たるには当たり前ですけど、
原点に帰って必要なドキュメントを読んで、ちゃんと仕組みを理解してやっていくというのが大事だよなという、
そりゃそうだよなというのをちょっと思った次第です。
伊原智一さんの挑戦
はい、にしても本当お疲れ様でしたって感じですね。
今回はにんじんくんとじゅんぼくさんも一緒になって今回のアップグレード作業をやったんで、皆さん本当にお疲れ様でしたっていうところで、
ようやくこれで、ちょっと新しい新規開発やってますとかいろいろ言ってますけど、
一旦アップグレード作業をやり始めちゃったんで、新規開発も古い方でやってもまた書き直さなきゃいけないんで、
新しい方で新規追加とかしながらやってたんで、それをどっちみち本番反映するにはアップグレードを終わらせなきゃいけないみたいなことで、
全部が絡んできていて、とにかくこいつを片付けなきゃなっていうのがこの数週間ずっと頭の中にあって、
とにかくあれをどうにか片付けなきゃ、ずっと片付けなきゃって思ってるみたいな気持ちだったんで、
一旦今日それに区切りをつけられて、本番に反映できて、一回はまだ不具合は出る可能性があると思いますけど、
一旦は本当に出せて区切りがつけられたのが良かったなという気持ちで、ちょっと晴れ晴れとした気持ちでいます。
いやー良かった。大変でした。
ということで、ちょっと晴れ晴れした気持ちで今日はリッスンのバージョンアップ作業を終えて、
午前中にそれを終えて、今車に乗って山に向かっているんですけど、
ただいま大市街地で、伊原智一さんという、結構名ランナーですね。
おそらく日本人で一番100マイルレースをたくさん走っている日本人じゃないかと、もしかしたら世界で一番かもしれないですね。
生涯で100マイルレースを100回、100本完走しようという目標を立てて、今もうかなりその本数がいってるんですけど、
という、伊原智一さんという方が、今回大市街地で新記録を狙って、かなり追い込んだスケジュールで、追い込んだスケジュールというか最速記録を狙って、
がっつりとレーサーとサポーターもつけながら記録に挑戦されていて、その様子をどこかで見に行きたいなと思ってたんですけど、
今日ようやく一区切りつけることができたので、山に向かって様子を見に行こうかなと思って車を走らせています。
さあどういう様子かな、ちょっと楽しみですね。
今日が4日目かな?4日目に入ったのかな?4日終わったのか?5日目か?どっちだっけな。
3日終わって4日目、いや違うな、4日終わって5日目かぐらいかなと思いますけど、
まあまあまあ、すごいですよ、本当に。今すでに高島トレイルまで来てるんで、だいたい300キロぐらいは来てるのかなと思いますけど、もうちょっとか。
ここからあと百数十キロかな、ゴールっていうところまで来てるんで、ぜひいい走りをして満足のいく終わり方をしてもらえたらなと思ってます。
はい、という感じなんで、公園日記ちょっとしばらく間空いてご無沙汰しておりましたっていうのと、リッスン頑張ってましたっていうのと、もしちょっと変な不具合とかあったら見つけたら教えてくださいっていうのと、
あと大市街地のね、公園にちょっと行ってきますっていう、そんな土曜日です。今週はお客さんも来るんでね、今日、明日とまた人とも会えるんで、またその時にボドキャストも撮れたらなと思ってるんで、またそれが近々公開できるかもしれません。
ということで、じゃあちょっと山に行ってまいります。それでは皆さんもいい週末をお過ごしください。さよなら。
21:25

Comments

Scroll