Skip to content

hisasann/change-of-job

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 

Repository files navigation

Change of job

転職時せっかくなので、 MacBookPro を新調しました!😻

16 インチは大きい!💻

そしてこちらは、転職時に、時間を作って新しくやったことを学んでいっているログの記録です。

Slack

  • Workflow を試してみるが、フリープランではワークフロービルダーが使えなかった。

hisasann.github.ioのPWA化

  • 3つほどエラーが出てしまったが、解消したらうまくいきました。

DJ lemon-Sour's diary (prod.hisasann)

https なサイトから http のリクエストをしていたことや、

適切な png 画像が配置されていないことが、原点となっていたので、こちらは解消した。

hiassann.devドメイン取得

Netlifyとお名前.comとLet's Encryptでhttpsなサイト作る🍦 - DJ lemon-Sour's diary (prod.hisasann)

React Native

  • 初めてのビルドの記事を作成する

何も考えず WebStorm から template を使って、ビルドまでした記録です。

初めてのReactNative-ビルド編🍱 - DJ lemon-Sour's diary (prod.hisasann)

React Native の入門 Udemy をやる

hisasann/news-app: React Native 入門 Udemy の写経用リポジトリ

  • 50%

その後、こちらの Undemy を購入して初学者向け勉強をし始めました。

内容は理解しやすく、 expo-cli を使う場合のメリット・デメリットが知れたのででかいです。

React Native入門:ニュースアプリを作りながら覚えよう/Hooks対応 2020年版 | Udemy

React Native Web

necolas/react-native-web: React Native for Web

GraphQL

  • apollo を使ってクライアントサイドとサーバーサイド両方を軽めに実装してみました。 🚀

hisasann/react-with-graphql: react-with-graphql using apollo-client

hisasann/graphql-server: graphql-server using apollo-server

TypeScript

hisasann/typescript-study: study about frontend with TypeScript

  • package.json の npm モジュールアップデート

asdf-vmで各言語のバージョン管理をしてみた🧞‍♀️ - DJ lemon-Sour's diary (prod.hisasann)

Github Actions

labeler を使ってみたが、自動的にプルリクエストにラベルがつくのはものすごくいいな。

Feature/example branch 2 by hisasann · Pull Request #6 · hisasann/github-actions-samples

lemon-sour

lemon-sour.js

  • もろもろバージョンアップ

辛かったのが、 mkdirp がいつの間にか Promise を返すようになっていて、コールバックパターンではなくなっていたこと。

これで、結構修正点が発生してしまったので、いったん古いバージョンで運用してみる。

  • github actions 追加

Next.jsを使ってみる

lemon-sour.js

Nuxt から Next.js に移行した。

lemon-sour.js - https://t.co/1OG0ntsIor のページを Nuxt から Next.js に移行してみた。
基本的には netlify が JAMstack してくれるから、 github に push するだけでデプロイされる。便利!🥋

— hisasann@DJ lemon-Sour🍌 (@hisasann) February 24, 2020

さらに、 Netlify でデプロイがされたときの通知として Discord にメッセージを出したかったので、

Zapier | The easiest way to automate your work

を使ってみました。

すごく簡単でした!

Zapier 便利だなー
Netlify to Discord にデプロイしたことを send するようにしてみたんだけど、ポチポチするだけで繋げられた。

Zapier | The easiest way to automate your work - https://t.co/8BN6294kj9

— hisasann@DJ lemon-Sour🍌 (@hisasann) February 25, 2020

IFTTT: Every thing works better together ライクですね。

contentfulを使ってみる

まだ使い所がうまくつかめていないが、ポッドキャストを始めたら音源が置いてあるパスとかを返す API とか作ってみようかな。

const contentful = require("contentful");
const client = contentful.createClient({
  // This is the space ID. A space is like a project folder in Contentful terms
  space: "ra794i9t0yln",
  // This is the access token for this space. Normally you get both ID and the token in the Contentful web app
  accessToken: "U1Wffn5NIhptGsWKyliQCILCWpoaCjJK6mwJwYO_58g"
});
// This API call will request an entry with the specified ID from the space defined at the top, using a space-specific access token.
client.getEntries()
  .then((response) => console.log(response.items))
  .catch(console.error)

client.getEntry('7gXAjvVRrjBMK4XbuJ8TVO')
  .then((entry) => console.log(entry))
  .catch(console.error)

lemon-sour.js のロゴのURLを返す部分で使ってみた

🥓 feat: add to get logo image from contentful · lemon-sour/lemon-sourjs-site@a160c5e

Gatsby

Jekyll のブログから移行できるかためす。

* つらそうなので、なにかのページ netlify に使いたい

lemon-sour-fm に採用決定!

lemon-sour-fm(ポッドキャスト)

JAMstack で netlify を使って、サイトだけ作った状態。

Zapier 便利だなー
Netlify to Discord にデプロイしたことを send するようにしてみたんだけど、ポチポチするだけで繋げられた。

Zapier | The easiest way to automate your work - https://t.co/8BN6294kj9

— hisasann@DJ lemon-Sour🍌 (@hisasann) February 25, 2020

Netlify にデプロイしたらその通知を Discord くるようにして、その繋ぎになってくれてるのが、 zapier ポチポチでいけたからほんと便利ー!

hisasann/lemon-sour-fm: lemon-sour-fm

All posts | lemon-Sour fm

参考にしたいポッドキャスト

Rebuild - Podcast by Tatsuhiko Miyagawa

ポッドキャスト Export

STILL RENDERING // スティレン • A podcast on Anchor

Pull Request

ほんの少しになりそうだが、この期間中に出したプルリクエストをここに書いておく。

fix: change uses version from 2.0.1 to 2.0.0 in README.md by hisasann · Pull Request #35 · Decathlon/pull-request-labeler-action

Tools

asdfを使ってみる

asdf-vm/asdf: Extendable version manager with support for Ruby, Node.js, Elixir, Erlang & more - https://github.com/asdf-vm/asdf

Linux Mint に asdf で Node.js をインストールする - Qiita - https://qiita.com/takeru08ma/items/c344dd3f6117c14d0fad

  • node.jsjava は asdf で入れた

neovim

  • 最近やってなかったの neovim の環境を整備して、 README にまとめました。

hisasann/neovim

exa

`abbr -a la exa -l -a` でエイリアスきった。
これで `la` が少しキレイに表示される。

ogham/exa: A modern version of ‘ls’. - https://t.co/0Cju5xFLjb

— hisasann@DJ lemon-Sour🍌 (@hisasann) February 26, 2020

exa 入れたらこんな配色になっててかわいい! pic.twitter.com/hwSg82buwK

— hisasann@DJ lemon-Sour🍌 (@hisasann) February 26, 2020

ogham/exa: A modern version of ‘ls’.

Googleパスワードマネージャーを整理する

  • かなり不要なものをいまだに管理しているので削除した。

パスワード マネージャー

ゲーム

仁王

  • クリアした。

仁王2(まだ未発売)

BFV

また久々にやり始めてる。

一日30分ほどやってエイム力を高めてる。

Apex Legends

1年ぶりだが、またやり始めた。

ライフラインでサポートするのがすごく楽しい(看護兵が好きなので)

ストリートファイターV(シーズン5)

相変わらずガイルを使っているが、 KAGE が強くなったようなので、こちらもためしたい。

#9 [スト5] STREET FIGHTER V Guile Training Day - ダイブソニックサマーソルトキックキャンセルCA - YouTube

#10 [スト5] STREET FIGHTER V Guile Training Day - ダイブソニックVトリガーサマーソルトキックキャンセルCA - YouTube

家族

  • Macbook Air を娘に買う。

  • 3月にUSJ(コロナのため行けなくなった🤢)

About

転職中に勉強したことやトライしたことをメモしていきます

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published