なぽろぐ

気ままに感じたことを記事にまとめます。

生配信をしたくなってきた

したいです生配信を.

 

covid-19の影響でほんとに引きこもりになってしまいました.

 

自分の気持ちで引きこもるのと,言われて引きこもるのだとやはり後者の方が辛いですね

 

なんか,勝手にやる勉強は好きだけど親からやれって言われる宿題は嫌い的なね

 

そんなわけで,もともと引きこもりの僕でも結構この状況はきつい(幸いなことに週末には話す相手は数人はいる)

 

ぼけーとお風呂に入りながら自分のこの状況を少しでもよくできないかなぁと考えていたところ,生配信,youtubeとかニコ生とかツイキャスとか,媒体はなんでもいいのですがやってみようという気になってきました.

 

なぜ生配信なのかというと,僕の働いている会社がストリーミング配信系の会社でもありドメイン知識を獲得しようかなぁという背景もあります.

 

なんか仕事のためみたいなことを書きましたが,本質はただただコミュニケーションを不特定多数の人間と顔を合わせずにしたいだけなんですよね.

 

僕はあまり顔をみて話すのが得意ではないため,ボイスチャットとか,テキストベースの会話は結構好きなんすよね.

 

だらだら書いてしまった・・・・

 

 

何をやりたいかっていうと.フロントエンジニアとして一応生きているしUI(ユーザーインターフェース)を作るのが好きなので,UIのリクエストを何かしらの媒体で受けてそれをひたすら喋りながら作っていくのがいいんじゃないかなぁと考えています.

 

媒体とぼかしたのは,開発者じゃない人たちも参加してくれたら嬉しいなぁと思ったからです.イラストでこんなのつくって.とか映像でも面白いかもしれませんね

 

普段はこんなのを作っています.

 

 

 

 

まずは今週末やれればいいなぁとか考えています.リクエストあればこちらに! 

marshmallow-qa.com

 

ボイチェンとかしてみようかなぁとひっそり考えています・・・・

 

Firebase + Nextjsに挑戦していました(できませんでした)

firebase難しくない?

Nextjs(ssr)のデプロイ環境を作ろう思って挑戦したのですが,時間だけとかして日曜日が終わりそうなので日課にしたいブログを書くことにしました.

気分転換です💢

理想型

開発時

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したら配信完了!

Image from Gyazo

みたいな感じを想定していました.

現実

なんとかデプロイできました.理想型の開発環境作るのはできなかったです💢

最後に

もうちょっと頑張って,次はできたよっていう記事を書きたいです.

では,また

グリッチぽいアニメーションで遊んでみた

こんなのを作った

Image from Gyazo

OGPもなんもついてなくてすみません:bow:

naporin0624.github.io

どうやるの?

ReactならこのGlitchコンポーネント持っていけばすぐできます.今のところstringにしか対応してない・・・というかpタグにしか対応してないって言い方の方が正しいかな.

github.com

基本的にはこれの丸パクリです・・・・animation追加したり,styled-componentsに書き換えたりしただけ! qiita.com

自分のイメージキャラクターのイラストを描いていただいたのでホームページ作りました

www.napochaan.me

skeb.jp

ひそなさんに書いていただきました・・・・!!!!最高・・・・・!!!!!

僕がほんとに好きな絵師さんで,どれくらい好きかっていうと毎年カレンダー買ってて今は5年目になります(4年目かもしれない)

マジで目が!!!!!!!!!!!!!!!!!!最高!!!!!!!!!!!!!!!!!!!!!!!

Image from Gyazo

Image from Gyazo

サブスク系の買い物いつの間にかめっちゃ増えてる現象

サブスク系の買い物いつの間にかめっちゃ増えてる現象

クレカの引き落としが毎月きたり,突然年間契約4000円 x 2みたいな出費が起きてびっくりするのでまとめることにしました.

YouTube Premium

¥1180 / month

満足してる.Apple Musicと用途が似てるのでどうにかしたい

YouTubeメンバーシップ

¥490 * 2 / month

必要経費.推しには貢ごう

Apple Music

¥480 / month

学生プランが剥がれないのでまだこの値段で使ってる.次通知がきたら変更する.

YouTube Premiumと用途がかぶってるんだけどCD買った時にクラウド同期できるのが良くて手放せない

Zaim

¥360 / month

ジャパンネット銀行が紐付けられるので自動で家計簿がつけられていい

Bear

¥1500 / year

解約するかも,そんなに画期的なmdエディタじゃなかった

Pixivファンボックス

¥1000 + ¥600 + ¥100 / month

ここは必要経費.必要があればもっと増やす.

vectary

¥1100くらい/month

ARがさくっと作れるジェネレーター.とりあえず課金してる

amazon prime

¥4900 / year

必需品

mac book proの分割払い

¥20000 / month

めっちゃきついけどいい買い物だった

全部(mac book proの分割を除外してる) ¥9640

多分まだあるので見つけ次第追加したり,飽きたら除外する 生活に困ったらいろいろやめる.

開発しているサービスを初めてやってみました

自社サービスをはじめて使ってみた

はじめに

naporitan.hatenablog.com

上のリンクに貼った会社でフロントエンドエンジニアとして仕事をしています.

SOELUというサービスを作っているものの,オンラインフィットネスというタイトルのサービスなので,生粋の陰キャオタクである僕にはサービスを体験してみるハードルがものすごく高く今までサービスを体験せずにいました.いわゆるエアプですね.

ただ,体験しないとサービスをよりよくできないと言うのもあり,社員エンジニアはみんな一度は体験しましょう!みたいなことを言われたので怖いなぁって思いながらも体験してみることにしました.

なぜ怖く感じるのかっていうと,ヨガのインストラクターから自分が見える,しゃべりかけられるって言うのが,陰キャの僕にはすごい怖い.そもそも高専 -> 電通大とかいうオタクしかいない(女性の少ない)環境で育ってきたのでそれはそうなんですが・・・・

ただ,最近ライブビューイング機能*1が実装されたので喋りかけられることはないという安心感があり,今回ばかりは重い腰を上げてレッスンを受けてみることにしました

実際にやってみる

iPhone持ってる人は多分iOSアプリ入れたほうがいいです,Androidアプリに関してはないのでwebでやるしかないですね.

soelu.com

上のリンクからみるといいです.

今無料でできるので.......

ポーズチェックなしのものを選ぶといいと思います,顔も声も見せたくないでしょ?

赤く囲ってあるやつ.下の画像のタグがついてるやつを選ぶといいです

https://i.gyazo.com/7a44e5b61dc28a1ecdea684ec47b0204.png

予約に関してはPCでやって*2実際に時間が来てレッスンを受ける時はPCかiOSアプリでやるのがいい*3と思う.スマホwebはどうなのかよくわからん.エアプなので・・・・

あとは時間きたら

  • webなら マイページ -> レッスン一覧
  • iOSなら マイページ -> 予約リスト

から入ればいい

あとは画面の前の人の言うことを聞いて体動かすだけ・・・・・見られてないから安心して落ち着いてやればいい,先生が喋りかけてくるけど俺たちに喋りかけてるわけじゃない.安心して運動するだけだ〜!!!

終えた感想

引きこもりのエンジニアには結構良さそうだな〜って思いました.

何と言うかいい気分転換になるし体動かすので結構コード書く元気が出たりする.

あと15分だけでもじんわり汗かいた....どんだけ運動してないんだよって話なんですがそれくらいの運動量です.

ただ,エコーっぽいのはある,安いマイク使ってる人とライン電話してるみたいになるけど,いつもVCとかしてエコー慣れしてるオタクなら許容できると思う!!!(許容してね...!)

終わりに

結構良かったので,疲れたな〜って思ったら無料のやつやってみようかなと言う気分になっている.ただ,顔見られるのは怖いし喋りかけられたくないので,ポーズチェックなしっていうタグついただけにするかな〜

是非やってみて,無料なので.

気に入ったら有料会員になってくれてもいいんだよ!!

soelu.com

あとバグ見つけたら教えて〜〜〜〜〜

*1:こちらの声も映像も届かなくなる

*2:僕が作ったので使ってくれ

*3:PCの方が画面大きいからって理由, iOSは使ってみてそんなに不便なかったからって理由