Shohei

Executive CTO at Global Step Academy & …

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
2年前
1

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

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

Shohei
2年前
1

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

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

Shohei
2年前

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

darkmodejsを使ってテーマのスイッチをできるようにしていたが、darkmodeをメインとして使っていてライトモードを使用しなくなった。ターミナルという性質上とブランディン…

Shohei
2年前

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

パフォーマンスなどの変更だったので進捗感があまりないが、確実に進んでいる。 react-gl Source.captureを利用する モーダルの追加 react-navigation v6 (Stack.Group) …

Shohei
2年前

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

Content editページを追加。テキスト内容をreduxに追加。レイアウトで時間を消費してしまう。Nativebaseの文法に慣れていないのが主な原因だが、デザインを真似するとし…

Shohei
2年前

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

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

Shohei
2年前

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

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

Shohei
2年前

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

WazatermのLinuxコマンドというページが昔のlayoutになっていて、darkmode.jsが適用されてなかったので、layoutの中身をいっぺんに変更。このプロジェクトでは軽さを選んで…

Shohei
2年前
1

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

React Native/ExpoのImage Pickerを導入してて当初考えていたフローを変えなければいけなかった。理由は、1) Image Pickerでは"写真を撮る"と"Photoライブラリから選ぶ"を…

Shohei
2年前

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

引き続き調査。一時間トライ&エラーでなんとかgl-reactを使ってGLSLでインタ風フィルタができた(技術的に可能であることがわかった)ハマったのは、Imageのロードで単純…

Shohei
2年前

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

* https://github.com/expo/expo-pixi => 動かない * https://github.com/iyegoroff/react-native-image-filter-kit => podを使うのでEjectが必要。 * https://github.com/

Shohei
2年前

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

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

Shohei
2年前

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

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

Shohei
2年前

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

Expo(React Native)でFirebase Twitter loginを実装しようと思ったらFirebase JS SDKでは簡単にはいかないようだ。サーバを立ててtoken等をハンドルする必要がある。 expr…

Shohei
2年前

Bookmarkの機能追加

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

Shohei
2年前

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

Wazatermのデザインを刷新したので使わなくなったテンプレートを丁寧に削除。すっきりした。

Wazatermでは、x86しかサポートしていないので、armをサポートしてgraviton2で開発できるようにしたい。どうやってやるのか検討中。

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

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

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

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

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

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

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

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

パフォーマンスなどの変更だったので進捗感があまりないが、確実に進んでいる。

react-gl Source.captureを利用する
モーダルの追加 react-navigation v6 (Stack.Group)
ScrollViewからFlatListへの移行(RAMの使用量が1.5Gぐらいになっていたため。GL系が重い。Filter前にリサイズを検討する必要があるかもしれない。

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



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

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



今日は細かい変更

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

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

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

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

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

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

React Native/ExpoのImage Pickerを導入してて当初考えていたフローを変えなければいけなかった。理由は、1) Image Pickerでは"写真を撮る"と"Photoライブラリから選ぶ"を同時にできない。2) Image Pickerは画面全体でなくモーダルとして動く とういうことを開発してから気づいたからだ。

ここにコンポーネントベースの開発の難しさがある。デバイス側(

もっとみる

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

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

"expo-gl": "^10.4.2", "gl-react"

もっとみる

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

困っている人多いと思うのでブログを書きたかった。

sqlite3でカラムを削除する方法 [SQLite3::ConstraintException: FOREIGN KEY constraint failed: DROP TABLE “users”]

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

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

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

Expo(React Native)でFirebase Twitter loginを実装しようと思ったらFirebase JS SDKでは簡単にはいかないようだ。サーバを立ててtoken等をハンドルする必要がある。

express.jsの例がここにあるので後ほど実装。Firebase functionを使えば、良さそうだが、無料プランではGoogle Cloudの外にアクセスできないようなので、

もっとみる

Bookmarkの機能追加

#day8

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