エンジニアのひよこ_level10

毎日更新してた人。たまに記事書きます。

【一週間振り返り】動画編集楽しー!って一週間【548日目】

1.今週一週間の感想(ざっくり)

ゲームの字幕編集楽しーってなってました。

2.良かったこと

  1. ひっそり、とあるゲームの字幕動画を投稿継続中

  2. Vueの勉強も忘れない

  3. ブログの投稿も忘れない

  4. 転職したよ記事はちゃんと書けた

3.もっとこうしたかったこと

Vueの勉強、ESLintとかでハマるとは思わなかった。時間持ってかれたのは悔しい。

でも逆に、ハマりポイントを今のうちに学べたのはいいこと・・・!

4.新しく気づいたこと

意外と、毎日動画投稿、ブログ投稿、Vueの勉強は不可能じゃない。

が、負担にはなるかもなので、バランスは取りたい。

5.来週したいこと

動画投稿は続けてみたい。

あと、Vueの勉強はそろそろゴールしたいけど、まだ今週じゃ終わらなさそう。

6.その他

ゲームの実況動画だけど、このブログを知ってる人に教えるかどうかは迷い中。

7.体重

100.8kg

前回の数値、案の定でした。

まあ今私夜ご飯食べたしネー

少しずつ続けていこう。

【Vue】Vueの勉強始めよう番外編(ESLintの設定をしよう)【547日目】

前回

www.nyamucoro.com

参考書籍

今回やったことは?

  1. ESLint(コーディング規約と合っているかチェックするシステム)の設定
  2. ESLintに合わせて修正

実際のコード

■プルリクエス

Eslintの設定 by klack710 · Pull Request #3 · klack710/study_vue_cli · GitHub

■作ったもの(ブランチはmaster参照なので、今後も更新されます)

competent-brown-63c0e3.netlify.com

学んだメモ

こんな小さなプログラムでさえ、設定の変更や、修正しなおしは、本当にしんどかった・・・

詰まったこととしては、エディターの自動整形をいれてたんだけど、それESLintの設定と逆をしてた。

例えば、セミコロンやシングルクォーテーション。
ESLintはセミコロンつけないのが正しいというし、エディタはシングルクォーテーションを自動でダブルクォーテーションにする。

そこら辺の設定をどうしようといろいろしていたらこの結果。
ここでは見えませんが、エディタの設定もいろいろ変えました・・・

既存のプロジェクトにESLint入れるのは、かなーーーーーーり大変だというのを思い知りました・・・つらかった、これで一日終わった・・・

【PHP】継承した親クラスのメソッドの前後に追加処理を増やす対応【546日目】

メソッドに追加処理をしたい

class Parent
{
    public function hoge()
    {
        return 'fuga';
    }
}
class Child extends Parent
{

}

この時、コードをコピペせず、 Child::hoge()側に、追加の処理をしたい。

オーバーライド

class Child extends Parent
{
    public function hoge()
    {

        // 前に処理するならここ

        $temp = parent::hoge();

        // 後に処理するならここ

        return $temp;
    }
}

これで前後に処理を加える事ができた。

テンプレートパターンとか、beforeHogeクラスとかあったら特に必要のない技術

【Vue】Vueの勉強始めようpart13(Netlifyで自動デプロイ+自作プラグイン)【545日目】

前回

www.nyamucoro.com

参考書籍

今回やったことは?

  1. Netlifyで公開。GitHubと連携で自動デプロイ。
  2. 自作プラグイン作成

実際のコード

■プルリクエス

プラグインの作成 by klack710 · Pull Request #1 · klack710/study_vue_cli · GitHub

■作ったもの(ブランチはmaster参照なので、今後も更新されます)

competent-brown-63c0e3.netlify.com

学んだメモ

Netlifyでの公開は簡単。
コマンドをnpm run buildにして、公開ファイルをdistにするだけ。

自作プラグインの方は時間がかかった・・・

詰まった点は2つ。

1. プラグインを読み込ませる場所(main.js)
2. プラグインが読み込まれない( `export default MyPlugin;`が書かれてないため)

2.の方はマジでわからなかった・・・エラーメッセージ見ても手がかかりになりそうなものがなくて・・・

エラーメッセージの見方が悪いのか・・・?ってなってるけど、真偽は不明。もうちょっと勉強しなければ。

あと、ESLint導入のおかげで、ばっちりデプロイログ見たら怒ってました\(^o^)/今度直そう。

かなりいろんなこと出来るようになってきてる感ありますよ・・・!

【Vue】Vueの勉強始めようpart12(vue-cliでプロジェクト作成)【544日目】

前回

www.nyamucoro.com

参考書籍

今回やったことは?

  1. vue initでプロジェクト作成

実際のコード

github.com

学んだメモ

$ vue init webpack study_vue_cli

? Project name study_vue_cli
? Project description I study vue-cli
? Author klack710 <willow710kut@gmail.com>
? Vue build standalone
? Install vue-router? No
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Set up unit tests No
? Setup e2e tests with Nightwatch? Yes
? Should we run `npm install` for you after the project has been created? (recom
mended) npm

これでプロジェクト作成。

で、いろいろ出てきたから、中のコードを読んでたら気づいたらこんな時間。

自分のプロジェクトならどうする・・・みたいなことを考えると時間あっという間ね。

おまけ

GitHubさん、こんなこと教えてくれるのね。

We found potential security vulnerabilities in your dependencies.
Only the owner of this repository can see this message. 
Manage your notification settings or learn more about vulnerability alerts.

package.json見て、セキュリティ的に問題あるからバージョンアップしておこうねっていうの。

pushしたら見てくれるみたい。凄いね。
次はNetlify使って公開か、プラグイン作成かどちらかを進めたいところ。

【Vue】Vueの勉強始めようpart11(vue-cliをインストール)【543日目】

前回

www.nyamucoro.com

参考書籍

今回やったことは?

  1. npm install -g @vue/cliでvue-cli3.xをインストール
  2. nodeのバージョンアップ(nodebrew使用)

学んだメモ

日本語ドキュメントはまだVue CLIバージョン2だったので、英語のドキュメント見ながらチャレンジ。

コマンド変わってたのね。

cli.vuejs.org

ってことでインストール。

npm install -g @vue/cli

そしてバージョン確認しようとしたら・・・

uirou:study_vue_cli$ vue --version
You are using Node v8.7.0, but this version of vue-cli requires Node >=8.9.
Please upgrade your Node version.

nodeのバージョンが古かったので、バージョンアップ。

uirou:study_vue_cli$ nodebrew install-binary latest
Fetching: https://nodejs.org/dist/v11.13.0/node-v11.13.0-darwin-x64.tar.gz
####################################################################### 100.0%
Installed successfully
uirou:study_vue_cli$ nodebrew ls
v8.7.0
v11.13.0

current: v8.7.0
uirou:study_vue_cli$ nodebrew use v11.13.0
use v11.13.0

バージョンアップしたので再インストール

npm install -g @vue/cli
uirou:study_vue_cli$ vue --version
3.5.5

感想は?

インストールで力尽きました。

この途中にも、npmのパッケージをアンインストールしようとしたら、cacheが悪さしてたりでいろいろ苦戦してました。。。

uirou:study_vue_cli$ npm ls -g --depth=0
/Users/willow710kut/.nodebrew/node/v11.13.0/lib
├── @vue/cli@3.5.5
└── npm@6.9.0

npm ERR! peer dep missing: typescript@>=2.0, required by ts-node@8.0.3
npm ERR! peer dep missing: graphql@0.10.x - 14.1.x, required by apollo-tracing@0.5.2

さて・・・まだ足りないって書いてるやつは目を背けよう・・・
あと、グローバルにあまりインストールしたくない人なので、今度Dockerfile書こうと思ったういろうであった。

転職しましたー【542日目】

転職しましたー

先月忙しかったのは、引っ越しと、転職のためでしたー(:3」∠)

ってことで社会人3年目と同時に、4月から新しい会社に所属しました。
といっても、ほぼ生活変わらないのですが。

どうして転職?

とある友人JKに、『うちこない?』って言われて、のこのこついていきました。

・・・ん?

毎週金曜日に、JKを家に呼んで、二人でモクモクするの楽しいです。

転職してよかった。

・・・で、どうして転職?

上のやつ、だいたい合っていますが・・・

友人に『うちの会社こない?』って言われて、ついていきました。
友人曰く、前から来ない?って言ってたらしいですが。

自分の夢を言語化してみて、そのためにどうしよかなーって思ってたタイミングだったので、食いついた感じ。

なんで食いついた?

私の夢が、みんなが夢を持って生きている状態。
そのために、自分自身が夢を持ち、チーム全体が夢を持ち、会社全体が夢を持ち、国全体が夢を持つ。

そして、今の会社はみんなそれぞれ夢を持っている状態。そこに飛び込んで、チーム全体が夢を持つという手がかりを手に入れたいところ。

あと、その友人がどんな生活していくか楽しみ(‘ω‘ )私のこの夢は、単純に誰かの人生のストーリーを読みたいってやつなので

どんな会社?

20人程度のSES(派遣)の会社です。

どんな仕事してる?

ヒントはこの記事にありますが、
週四はどこかの会社でお仕事して、週一は自社のお仕事します。

JKがお仕事サボるから、お尻叩くお仕事

一週間過ごしてみてどう?

変わらねええええ

でも週一のお仕事楽しいいいいい

まあ週一の方は始まったばかりでこれからどうなるかはわかりませんが。

ってことで、のんびり楽しくやっています。
今年の目標、新しいことの挑戦の一つがこれ。

全く私もこれからどうなるかはわかりませんが!
楽しんで頑張っていこうと思います。

これからもういろうをどうぞよろしくお願いいたします!

【一週間振り返り】新生活が楽しー勉強楽しーって一週間【541日目】

1.今週一週間の感想(ざっくり)

転職してから初めてのお仕事楽しかったですー!あと勉強楽しいー!

2.良かったこと

1.初お仕事、とりあえず自分で決めた目標は達成

2.YYPHPに初参加!

3.ついでに動画編集も久々に試せた。

3.もっとこうしたかったこと

まだ、、、引っ越しとか書類周り終わりじゃなかったのねって絶望してる

4.新しく気づいたこと

YYPHPは!!!

ギリギリに移動すると混むから早めに移動しよう。でも、それだけ価値ある会だ今度も行こう。

5.来週したいこと

YYPHP元気に参加したい。

新しい職場のお仕事も頑張りたい。次の目標も立てたから頑張る。

6.その他

・・・あ、転職したって記事書いてないや。今度書こう。

7.体重

100.0kg

うわああああおしいいいいい

でもこれ、直前に水飲んでるとかで変わる数値なので油断出来ない・・・