Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hisasann/change-of-job

転職中に勉強したことやトライしたことをメモしていきます
https://github.com/hisasann/change-of-job

hisasann mylife

Last synced: 25 days ago
JSON representation

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

Awesome Lists containing this project

README

        

# Change of job



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

16 インチは大きい!💻

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

## Slack

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

## hisasann.github.ioのPWA化

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

[DJ lemon-Sour's diary (prod.hisasann)](https://hisasann.github.io/)

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

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

## hiassann.devドメイン取得

[Netlifyとお名前.comとLet's Encryptでhttpsなサイト作る🍦 - DJ lemon-Sour's diary (prod.hisasann)](https://hisasann.github.io/2020/02/28/.dev-netlify-lets-encrypt/)

## React Native

- [x] 初めてのビルドの記事を作成する

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

[初めてのReactNative-ビルド編🍱 - DJ lemon-Sour's diary (prod.hisasann)](https://hisasann.github.io/2020/02/13/first-time-react-native/)

### React Native の入門 Udemy をやる

[hisasann/news-app: React Native 入門 Udemy の写経用リポジトリ](https://github.com/hisasann/news-app)

- [ ] 50%

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

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

[React Native入門:ニュースアプリを作りながら覚えよう/Hooks対応 2020年版 | Udemy](https://www.udemy.com/course/react-native-first-step/)

### React Native Web

[necolas/react-native-web: React Native for Web](https://github.com/necolas/react-native-web)

## GraphQL

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

[hisasann/react-with-graphql: react-with-graphql using apollo-client](https://github.com/hisasann/react-with-graphql)

[hisasann/graphql-server: graphql-server using apollo-server](https://github.com/hisasann/graphql-server)

## TypeScript

[hisasann/typescript-study: study about frontend with TypeScript](https://github.com/hisasann/typescript-study)

- [x] package.json の npm モジュールアップデート

[asdf-vmで各言語のバージョン管理をしてみた🧞‍♀️ - DJ lemon-Sour's diary (prod.hisasann)](https://hisasann.github.io/2020/02/10/asdf-vm/)

## Github Actions

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

[Feature/example branch 2 by hisasann · Pull Request #6 · hisasann/github-actions-samples](https://github.com/hisasann/github-actions-samples/pull/6)

## lemon-sour

[lemon-sour.js](https://github.com/lemon-sour)

- [x] もろもろバージョンアップ

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

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

- [ ] github actions 追加

### Next.jsを使ってみる

[lemon-sour.js](https://lemon-sourjs-site.netlify.com/)

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

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

[Zapier | The easiest way to automate your work](https://zapier.com/)

を使ってみました。

すごく簡単でした!

[IFTTT: Every thing works better together](https://ifttt.com/) ライクですね。

### contentfulを使ってみる

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

```javascript
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](https://lemon-sourjs-site.netlify.com/) のロゴのURLを返す部分で使ってみた

[🥓 feat: add to get logo image from contentful · lemon-sour/lemon-sourjs-site@a160c5e](https://github.com/lemon-sour/lemon-sourjs-site/commit/a160c5ef071dd5dc9472c9150a44914beff9bb93#diff-e14ec8fd2b038fbccea5f8090d26ace4R2-R17)

## Gatsby

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

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

lemon-sour-fm に採用決定!

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

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

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

[hisasann/lemon-sour-fm: lemon-sour-fm](https://github.com/hisasann/lemon-sour-fm)

[All posts | lemon-Sour fm](https://lemon-sour-fm.netlify.com/)

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

[Rebuild - Podcast by Tatsuhiko Miyagawa](http://rebuild.fm/)

[ポッドキャスト Export](https://export.fm/)

[STILL RENDERING // スティレン • A podcast on Anchor](https://anchor.fm/stillrendering)

## 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](https://github.com/Decathlon/pull-request-labeler-action/pull/35)

## 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

- [x] `node.js` と `java` は asdf で入れた

### neovim

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

[hisasann/neovim](https://github.com/hisasann/neovim)

### exa

[ogham/exa: A modern version of ‘ls’.](https://github.com/ogham/exa)

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

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

[パスワード マネージャー](https://passwords.google.com/)

## ゲーム

### 仁王

- [x] クリアした。

### 仁王2(まだ未発売)

### BFV

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

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

### Apex Legends

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

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

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

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

[#9 [スト5] STREET FIGHTER V Guile Training Day - ダイブソニックサマーソルトキックキャンセルCA - YouTube](https://www.youtube.com/watch?v=l2j8YX5mOjE)

[#10 [スト5] STREET FIGHTER V Guile Training Day - ダイブソニックVトリガーサマーソルトキックキャンセルCA - YouTube](https://www.youtube.com/watch?v=ndci6SVKPhA)

## 家族

- [x] Macbook Air を娘に買う。

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