codesandboxでvim extensionを有効化して快適に使う方法
codesandboxでvimを有効化したい
File > Preferences > CodesandboxSettings
Enable VIM extensionのトグルボタンをonにすればとりあえずはvscode使用のvim extensionが効く。もしかしたらreloadしないといけないかも
ESC入力するとエディターからのフォーカスが切れちゃうとき
- Vimiumが悪さしてる可能性が高いです
このようにcodesandboxだけ除外しておきましょう. codesandbox開いた状態でAdd Rule -> Save Changesすれば効きます
連続入力できない(Mac)
こうなる時がある
Codesandboxで一生これがでて困ってるんですが,どうしたら治るんだろう・・・・
— Naporitan🍆🍆 (@naporin24690) 2020年5月16日
キーボードの連続入力するとこうなる感じ・・・ pic.twitter.com/Tr0kvfP6Mp
こちらの記事を参考にGoogleIMEを入れることで解決した nakamura001.hatenablog.com
ABCになっていると連続入力できないのでGoogleIMEの英数を使用すると治ります
終わりに
codesandbox良すぎる。環境1クリックで作れるし、URL共有すればペアプロもできる。しかも作ったものをすぐSNSに投稿できるのでサクッとなにか作って見せたいときには便利だと思った〜
課金しました
声だけでツイートできるアプリvoitterを作りました
Voitter
ライブ中にキーボードを打ちたくない,でもツイートはしたい!というツイ廃向けかも知れません....
使い方
Twitterでログインして
ハッシュタグをつけて
Start押すだけ
あとは喋ればツイートされます!
— Naporitan🍆🍆 (@naporin24690) 2020年4月18日
実際に使ってみると....
こんな感じになります.誤認識とかもあるのですが,それも含めて楽しんでいただけると!
終わりに
MU2020最高すぎてキーボードを打つ時間すらもったいなく感じたので作りました.
ライブとかその辺向けに作ったつもりだったんですけど,誤認識が結構面白かったw
firebase + React + antdでさくっと作れたのでloginだけfirebaseに任せてtokenとるってやり方は結構良さそうだな〜って感じました
202004170125 PC電源CoolerMasterの750Wが死にました
お前は5年くらいかなよく頑張ってくれたよ・・・・・
ありがとう
12Vが安定供給できなくなったみたいです
生配信をしたくなってきた
したいです生配信を.
covid-19の影響でほんとに引きこもりになってしまいました.
自分の気持ちで引きこもるのと,言われて引きこもるのだとやはり後者の方が辛いですね
なんか,勝手にやる勉強は好きだけど親からやれって言われる宿題は嫌い的なね
そんなわけで,もともと引きこもりの僕でも結構この状況はきつい(幸いなことに週末には話す相手は数人はいる)
ぼけーとお風呂に入りながら自分のこの状況を少しでもよくできないかなぁと考えていたところ,生配信,youtubeとかニコ生とかツイキャスとか,媒体はなんでもいいのですがやってみようという気になってきました.
なぜ生配信なのかというと,僕の働いている会社がストリーミング配信系の会社でもありドメイン知識を獲得しようかなぁという背景もあります.
なんか仕事のためみたいなことを書きましたが,本質はただただコミュニケーションを不特定多数の人間と顔を合わせずにしたいだけなんですよね.
僕はあまり顔をみて話すのが得意ではないため,ボイスチャットとか,テキストベースの会話は結構好きなんすよね.
だらだら書いてしまった・・・・
何をやりたいかっていうと.フロントエンジニアとして一応生きているしUI(ユーザーインターフェース)を作るのが好きなので,UIのリクエストを何かしらの媒体で受けてそれをひたすら喋りながら作っていくのがいいんじゃないかなぁと考えています.
媒体とぼかしたのは,開発者じゃない人たちも参加してくれたら嬉しいなぁと思ったからです.イラストでこんなのつくって.とか映像でも面白いかもしれませんね
普段はこんなのを作っています.
クッソカッコよくなって爆笑してる pic.twitter.com/8mYyePb4Lv
— naporitan🍆🍆 (@naporin24690) 2020年4月11日
👀: Blog Assets: https://t.co/AqS82Zb63N
— naporitan🍆🍆 (@naporin24690) 2020年4月8日
chromeのtab作ろうとして挫折しかけてるやつ pic.twitter.com/7U2RwKk2bn
できた〜 pic.twitter.com/kQRBlRFQov
— naporitan🍆🍆 (@naporin24690) 2020年4月8日
まずは今週末やれればいいなぁとか考えています.リクエストあればこちらに!
ボイチェンとかしてみようかなぁとひっそり考えています・・・・
Firebase + Nextjsに挑戦していました(できませんでした)
firebase難しくない?
Nextjs(ssr)のデプロイ環境を作ろう思って挑戦したのですが,時間だけとかして日曜日が終わりそうなので日課にしたいブログを書くことにしました.
気分転換です💢
理想型
firebase emulatorを使う&&Nextjsでの開発環境上での最高体験を目指すにはどうしたらいいですか?
— Naporitan🍆🍆 (@naporin24690) 2020年4月12日
開発時
firebase emulatorで下記のindex.tsをbuildしたものを動かしてdev modeでfirestore等を使いながら開発する
import * as functions from "firebase-functions"; import next from "next"; const dev = process.env.NODE_ENV !== "production"; const app = next({ dev }); const handle = app.getRequestHandler(); export const nextApp = functions.https.onRequest((req, res) => { console.log("File: " + req.originalUrl); return app.prepare().then(() => handle(req, res)); });
プロダクション
distにindex.jsとnextjsのbuild結果を吐きだして, NODE_ENV=production firebase deploy
したら配信完了!
みたいな感じを想定していました.
現実
なんとかデプロイできました.理想型の開発環境作るのはできなかったです💢
functions: updating Node.js 10 (Beta) function nextApp(us-central1)...
— Naporitan🍆🍆 (@naporin24690) 2020年4月12日
一生ここで止まってます.HELP ME
ぴょれはもうfirebase使いたくないぽよ
— Naporitan🍆🍆 (@naporin24690) 2020年4月12日
難しすぎるっピ
— Naporitan🍆🍆 (@naporin24690) 2020年4月12日
emulatorなしにどうやって開発環境で動作確認するの!?
— Naporitan🍆🍆 (@naporin24690) 2020年4月12日
うえーんfirebaseなんもわからん
— Naporitan🍆🍆 (@naporin24690) 2020年4月12日
最後に
もうちょっと頑張って,次はできたよっていう記事を書きたいです.
では,また