Shohei

Executive CTO at Global Step Academy & Creator of Wazaterm.com / Redhat Certified Engineer / infra / Perl / Rails / React Native

Shohei

Executive CTO at Global Step Academy & Creator of Wazaterm.com / Redhat Certified Engineer / infra / Perl / Rails / React Native

Wazaterm旧テンプレート削除[個人開発22日目]

Wazatermのデザインを刷新したので使わなくなったテンプレートを丁寧に削除。すっきりした。 Wazatermでは、x86しかサポートしていないので、armをサポートしてgraviton2で開発できるようにしたい。どうやってやるのか検討中。

Shohei

    • Wazatermモバイルデザイン適用[個人開発21日目]

      Wazatermのモバイルデザインを当てた。細かいのは出てきた毎に直すしかない。Darkモードをメインにするにあたって、単純なモノトーンじゃカッコよくならないことに気づいた。濃いめのブルーを今回使ったが、その方が見た目がよくなる。

      Shohei

      • WazatermのPriceページデザイン変更[個人開発20日目]

        今日もデザイン変更。https://www.wazaterm.com/pricingにデザインを当てた。結局、初めからデザインを当てているので時間がかかるが、コード量は相当減ってて良い感じ。

        Shohei

        • Wazatermのテーマを変更する[個人開発19日目]

          darkmodejsを使ってテーマのスイッチをできるようにしていたが、darkmodeをメインとして使っていてライトモードを使用しなくなった。ターミナルという性質上とブランディング上、かつメンテナンスのコストも考えてダークモードに統一することにした。思ったよりも作業量が多く、週末の隙間時間には終わらず、平日も着々と変更をいれていく必要がありそう。

          Shohei

          Favestoryに細かい変更を入れた[個人開発18日目]

          パフォーマンスなどの変更だったので進捗感があまりないが、確実に進んでいる。 react-gl Source.captureを利用する モーダルの追加 react-navigation v6 (Stack.Group) ScrollViewからFlatListへの移行(RAMの使用量が1.5Gぐらいになっていたため。GL系が重い。Filter前にリサイズを検討する必要があるかもしれない。

          Shohei

          Favestoryに細かい変更を入れた[個人開発18日目]

          Shohei

          Favestory 投稿ページ作成[個人開発17日目]

          Content editページを追加。テキスト内容をreduxに追加。レイアウトで時間を消費してしまう。Nativebaseの文法に慣れていないのが主な原因だが、デザインを真似するとしてもコンテンツが少なく現時点で合わないのでコーディングしながら試行錯誤してるということもある。できる限り、前日の準備が必要だ。

          Shohei

          Favestory 投稿ページ作成[個人開発17日目]

          Shohei

          Favestory redux周りの機能追加[個人開発16日目]

          今日は細かい変更 1. オリジナルの画像追加 2. 投稿のdraftをReduxに保存 3. Filter追加 4. キーボードのReturnでsubmit(react-hook-form)

          Shohei

          Favestory redux周りの機能追加[個人開発16日目]

          Shohei

          React NativeでInstagram風のフィルタ実装を始める[個人開発15日目]

          以前調査したので、そのロジックでInstagram風のフィルタをReact Nativeで実装開始。結局ライブラリを使わず、色々なgithubのソースから取ってきている。まだコードが雑なので、ひと段落したらブログにまとめる。

          Shohei

          React NativeでInstagram風のフィルタ実装を始める[個人開発15日目]

          Shohei

          Rails Layoutの移行[個人開発14日目]

          WazatermのLinuxコマンドというページが昔のlayoutになっていて、darkmode.jsが適用されてなかったので、layoutの中身をいっぺんに変更。このプロジェクトでは軽さを選んでuikit3を使ってる。一通り揃っているので特に不満はない。（が、Tailwind触りたい)

          Shohei

          Rails Layoutの移行[個人開発14日目]

          Shohei

          React Nativeアプリのリサーチの必要性[個人開発13日目]

          React Native/ExpoのImage Pickerを導入してて当初考えていたフローを変えなければいけなかった。理由は、1) Image Pickerでは"写真を撮る"と"Photoライブラリから選ぶ"を同時にできない。2) Image Pickerは画面全体でなくモーダルとして動く とういうことを開発してから気づいたからだ。 ここにコンポーネントベースの開発の難しさがある。デバイス側(iOS/Android)側の変更が多く（毎年の新しいOSバージョンがでる）、オー

          Shohei

          React Nativeアプリのリサーチの必要性[個人開発13日目]

          Shohei

          React Native/Expoでのインスタ風フィルタの調査con't[個人開発12日目]

          引き続き調査。一時間トライ＆エラーでなんとかgl-reactを使ってGLSLでインタ風フィルタができた（技術的に可能であることがわかった）ハマったのは、Imageのロードで単純にrequire()でいけた。ほんと偶然できた感じ。React Nativeの沼は深い。下記のライブラリを使ったが本当に何が必要かはあとで考える。 "expo-gl": "^10.4.2", "gl-react": "^4.1.0", "gl-react-expo": "^4.1

          Shohei

          React Native/Expoでのインスタ風フィルタの調査con't[個人開発12日目]

          Shohei

          React Native/Expoでのインスタ風フィルタの調査[個人開発11日目]

          * https://github.com/expo/expo-pixi => 動かない * https://github.com/iyegoroff/react-native-image-filter-kit => podを使うのでEjectが必要。 * https://github.com/GregoryNative/react-native-gl-image-filters => イントールして動くが、パラメータが少ない気がする。 明日はGLSLに挑戦してみる。 ht

          Shohei

          React Native/Expoでのインスタ風フィルタの調査[個人開発11日目]

          Shohei

          sqlite3でカラム削除のブログを書いた[個人開発10日目]

          困っている人多いと思うのでブログを書きたかった。 sqlite3でカラムを削除する方法 [SQLite3::ConstraintException: FOREIGN KEY constraint failed: DROP TABLE “users”]

          Shohei

          sqlite3でカラム削除のブログを書いた[個人開発10日目]

          Shohei

          wコマンドのParserを書いた[個人開発９日目]

          一定期間ユーザのインタラクションがない場合に、Wazaterm上のUbuntuをsuspend(hibernate)させるためにwコマンドのパーサを書いた。

          Shohei

          wコマンドのParserを書いた[個人開発９日目]

          Shohei

          Expo(React Native) + Firebase Twitter loginの調査[個人開発8日目]

          Expo(React Native)でFirebase Twitter loginを実装しようと思ったらFirebase JS SDKでは簡単にはいかないようだ。サーバを立ててtoken等をハンドルする必要がある。 express.jsの例がここにあるので後ほど実装。Firebase functionを使えば、良さそうだが、無料プランではGoogle Cloudの外にアクセスできないようなので、一旦、Email/Pass認証だけで認証させてみることにする。

          Shohei

          Expo(React Native) + Firebase Twitter loginの調査[個人開発8日目]

          Shohei

          Bookmarkの機能追加

          #day8  ↑星のボタンをWazatermに追加。単純なPUT/DELETEのエンドポイントを作って中間テーブルにエントリを追加する、そしてUIにアイコンを貼るだけ。しかし、1時間ほどかかる。

          Shohei

          Bookmarkの機能追加

          Shohei