エンジニアのひよこ_level10

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

VuePress+Netlifyで『command not found』になるときの対応【540日目】

VuePressをチュートリアル通りにやってみる

VuePressを始めよう。

さあ、公式サイトのチュートリアルだ。

そしてデプロイ方法を見てみよう。

Deploying | VuePress

あれ?書いてる通りにやったのに、『vuepress: command not found』って出てくる・・・なぜ?

package.jsonにコマンドがない

package.jsonを見ると、

{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  }
}

こうなってるけど、正しくはこう

{
    "scripts": {
        "dev": "vuepress dev docs",
        "build": "vuepress build docs"
    },
    "devDependencies": {
        "vuepress": "^1.0.0-alpha.46"
    }
}

package.jsonにvuepressがなくて、インストールしてないんだから、そりゃそうなるよね。

なんでこんなミスしたん?

公式ドキュメントのこれ

Getting Started | VuePress

Then, add some scripts to package.json:

{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  }
}

add some scripts

add some scripts

add some scripts

なのに、上書き保存するとかいうバカやったせいですね!!!

付け足すのが正解です。文章はちゃんと読もうね!

YYPHPという、PHP好きの集まりに行ってきました【539日目】

YYPHP行ってきたよ!

その時の映像はこちら。

サムネでめっちゃ目立ってて記事書いてる時点でも笑いが止まっていない。

www.youtube.com

どうだった?

すっっっごく楽しかったです!

『楽しく』雑談しながら、『学び』も多かったです!

特に言いたいこと

YYPHPにとりあえず行けば、『楽しく学びが確実に得られます』!!!

『○○を質問しにいく』でもいいですが、
『質問レベルじゃないけど、ふんわりとした悩み』とかをおしゃべりするでもOK!

reoringさんや、suinさんとかが、悩みの根本とかのヒアリングまでするから、
それでも十分に悩みが話せたりします。

ちょっとでも気になってる人とかいれば、一緒に行きましょヽ(=´▽`=)ノ

何学んだ?

1.とりあえずVuex使うかー→そりゃ上手くいかないよね  
GmailとかFacebookみたいなあれくらいの規模になったら有効

2.Laravel+jQueryから、Laravel+Vueにするには?  
blade・jQuery・Vueごちゃまぜはやばいよね。ページ単位で変更。  
あとで浸透しなくて、最終的にごちゃまぜを肯定したら、もうやばすぎる。

3.わからないは調べる。知らないを知るは難しい。  
『入門書にないものを』というコンセプトの『レベルアップPHP ~言語を理解して中級者へ~』はいいぞ。

4.フレームワークで共通の思想・これしか書きようないよねと絞るのありあり

5.Serviceに切り出すのは、振る舞いの単位  
ペアプロとかで、一緒に考えるようにやれるといいね。教えるとかじゃなく。

【Vue】Vueの勉強始めようpart10(transition-groupでリストも管理)【538日目】

前回

www.nyamucoro.com

参考書籍

実際のコード

■プルリクエス

transition-group実装 by klack710 · Pull Request #25 · klack710/study-vue · GitHub

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

過去のも含めて今日反映しました!

klack710.github.io

今回やったことは?

f:id:willow710kut:20190404012728g:plain

  1. transition-groupでモーション生成
  2. olを使って、データの変更タイミングを見る

学んだメモ

transition-groupにtagというデータをつけると、ulやolを切り替えられる。

デフォルトはulっぽい。

感想は?

いい感じ!簡単に動くの作れるのいいね!!!

あと、前回のブログに書いた、transitionが業務に使われているかって件ですが、
実務でバリバリ使っている方は使っているみたいです!!

ってことで、安心して勉強出来ます(‘ω‘ )いい話

【Vue】Vueの勉強始めようpart9(transitionでアニメーション管理)【537日目】

前回

www.nyamucoro.com

参考書籍

実際のコード

■プルリクエス

単一トランジション実装 by klack710 · Pull Request #24 · klack710/study-vue · GitHub

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

(2019/04/04時点では、今回の内容は含まれていないです!)

klack710.github.io

今回やったことは?

f:id:willow710kut:20190404012728g:plain

  1. transitionでモーション生成
  2. transitionにnameで複数パターン作成
  3. ボタンで表示切り替え

学んだメモ

transitionにnameをつけることで、transitionの種類を増やしたい時に有効。

右に動くtransitionと、左に動くtransitionとかね!

感想は?

楽しい・・・!とにかく楽しい。

まだ公開してませんが、ぽちぽち動くのを見てるだけで超楽しいです。

CSSが凄いって話のはずなんだけど、簡単に管理出来るのがいいところ。

他の人に書いてもらう時に『これ使うといいよ』というのがわかりやすいのもいいね。
CSSとクラスで書くと、あっちこっちに書かれてしまう未来が見えるからこれはよさそう。

ただ、CSS都合のものをHTMLタグと一緒に書くというところがもやっとしてなくはない、、、!
実際にtransitionタグを現場で使っている人いるのかな?

【一週間振り返り】いろいろ飛び込めた一週間【536日目】

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

いろいろ飛び込んだ・挑戦した一週間でした1

2.良かったこと

1.PHPerKaigi2019行けた

2.PHPerKaigiで前で喋ったり友達作ったりと有意義な時間にできた

3.バーチャルLT出来た

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

Vueの勉強平行してやれなかったかなと思ったけど、体調崩したから仕方なし。

4.新しく気づいたこと

案外動画作るのはさくっとできそう。いい活用方法ないかな

5.来週したいこと

Vueの勉強再開するよ!

6.その他

Vueと運動と動画といろいろやってるけど、ここらへん絞るべきか迷い中。やれるだけとりあえずやろう。

7.体重

100.6kg

ういろう、Vtuberになるってよ【535日目】

もしかして

半分嘘です!!!!!

半分?

はいこれ。

www.youtube.com

なにこれ

LTの練習してみようかなーとか

アウトプットの方法広げたいなーとか

いろいろ考えてたら気づいたら出来てた

何してるの

Googleスライドでスライド作って、

Virtual Castっていうツールを使って動いて、

OBS Studioで動画撮って、

AviUtilで編集して、

出来た!

技術面じゃなくて、なんでしたか聞いてるの

・・・だって、PHPerkaigi楽しかったんだもん・・・

そこそこ前に出て喋ってみて、誰かに影響与えて、喜んでもらう楽しさ知っちゃったんだもん・・・

PHPの現場』の公開収録素敵だったし、私もなにかしたいって思ったの。

ほら、新卒3年目にもなった、新しい挑戦もしたい、私の今年の抱負は3つ挑戦すること!!!

・・・ってことで、とりあえずやってみた。

感想。

意外と簡単にできた・・・

ただ、面白いかと言われると微妙・・・

ってことで、感想とか、アイディアとか、要望とかいただきたく。

marshmallow-qa.com

みんなのフィードバックが、私の動画制作を支えます( ≧ω≦)!

問題なさそうなら、『ほぼ月1』で更新します!!!

PHPerKaigi 2019の2日目楽しかった+気づいたら無限LT会してた話【534日目】

タイトル見覚えがある?

合ってる。

また喋ってるよこいつ・・・w

もくじ。

  1. 私の突発セッション
  2. 聞いたセッション
  3. クロージング
  4. 初心者slackの宣伝
    (カンファレンス仲間の交流の場にしましょ?)

phperkaigi?

これ!phpを使ってる人のためのお祭り!

phperkaigi.jp

いろいろわからない人はこの記事どうぞ

www.nyamucoro.com

突発アンカンファレンス『無限LTのススメ』

大丈夫、今回はhamacoさんのせいじゃない

最初はIRTで軽くLTについての雑談会をしようと思ってたんですが、
これまたスタッフさんに、誘導され、アンカンファレンスでやれば良いんじゃないって話なって、、、

こうなりました。

みんなでLTを回す会です。何が普通のLTと違うの?ってのはスライドをどうぞ。
ってことで、私もその場でスライド作りましたよ!

無限LTのススメ - Google スライド

ってことで、突発でやったところ、またしても思った以上に人が集まり・・・w
まさかのスライド用意したのに、LT出来なかった人が続出するという問題に(本当に予測が甘かったです申し訳ない・・・!)

その様子を見ながら、追加でスライドつけたしたのが、 『LTは無限だったけど、時間が有限だった』
です・・・w

これまた思った以上にウケてよかった(‘ω‘ )w

ってことで、無限LT会は世に羽ばたかせるしかない!ってことで、
いつかconnpassとかで企画しようと思います!その時は是非皆さんどうぞ!!!

出張版PHP勉強会@東京

PHP勉強会@東京

実は私一度も参加したことない!!!

ってことで聞いてきました。今回初参加は私一人でしたが、普段は初参加の人よくいるみたいですよ(‘ω‘ )

PHPの学び方と、新元号に備えるって話でした。

PHPについては、わりと基礎学べてないなーって思ったのと、
元号に備える→文字コードとかの話だったのが面白かった。

LTラッシュ

感想は全部Twitterに投げてるので、登壇者に届けー!!!

LTとかもっとやる人増えたら良いな!

『マサカリ怖い・・・』って人は、『マサカリは悪意あって投げられてるんじゃない』ってのを
知ってておいてほしいなって思った・・・!

だから、正直にわからないっていうのは本当に大切よね。

「徳丸 浩の挑戦状」解説

robots.txt気が付かなかった・・・

なにより、TOPの例がトークンだったの気が付かなかった・・・あれ一番むずかしいのでは

頭では知ってることも、こうやって実際に触ってみると気づかない
+恐ろしさがわからないなって思った、本当にいい問題でした・・・!

CTFを体験出来たのは良かった。これ楽しかったね・・・!

クロージング

本当に楽しかったです!!!

表彰いろいろされてたの良かった。まさかの友人も結構賞もらっててほっこりした(‘ω‘ )

あと、賞のキリ番は私狙ったりしようかと思ったので、わかりやすいキリ番賞を用意しなかったのは上手いと思いました・・・!

それにしても、同率一位が発生しないと起こらないバグが本当に発生したのは面白かった・・・w
ドラマでしたねあれ・・・w

雑な感想

友達たくさん出来た!!!

Laravel JP Conferenceでも友達たくさん出来ましたが、

  1. その友達と再会できる
  2. さらに友達が増える

Conference参加最高か・・・?
こうやって知り合った方々とは、またこれからも仲良くしていきたい所存。
Twitterとかでもよろしくです(‘ω‘ )

皆さんお疲れ様でした!凄く楽しいConferenceでしたね!
参加できなかった方も、次こそは!

そしてその時は、是非私とも友達になりましょうヽ(=´▽`=)ノ

そしてslack

で。twitterだけでは交流足りない!!!

っていう声があったので、Laravel JP Conferenceからslackグループ作ってみました。

初心者が多めのslackグループです。ここでもよかったら皆さん交流しましょう(‘ω‘ )?

Create Account | Slack

PHPerKaigi 2019の1日目が楽しかった+気づいたら突発登壇してた話【533日目】

とりあえず

今日いろいろありすぎて書ききれない( ゚∀゚)・∵. グハッ!!

もくじ。

  1. 聞いたセッション
  2. 私の突発セッション
  3. 突然の座談会
  4. PHPer茶会で盛り上がった雑談のメモ

phperkaigi?

これ!phpを使ってる人のためのお祭り!

phperkaigi.jp

いろいろわからない人はこの記事どうぞ

www.nyamucoro.com

セッション・・・

とりあえず、聞いたセッションをまとめよう・・・

・・・ん?

・・・あれ?

私、午前中用事があって来れなかったので、、、そしてそのあとは例の無茶ぶりが・・・なので・・・

nrsさんのアンカンファレンス『STEPUP プログラミング高速化!~「君、プログラミング早いね」といわれるために』
あと、『PHPの現場 公開収録』しか聞いてない\(^o^)/w

ってことでそれについてまず書きます!

『STEPUP プログラミング高速化!~「君、プログラミング早いね」といわれるために』

資料ここに置いてくださってるみたいです!

nrslib.com

めっちゃいい話!!!!

初学者にありがちな『プログラム早く書かなきゃ』みたいなのを、
『なんでそう陥るか』『焦って書かないための理由』などが、
私の中でふんわりあったのが、きれいに言語化出来ました。

そして、『プログラミングなんで勉強するんだっけ』『なんでこれ勉強するんだっけ』みたいな話もありました。

とにかくいろんな初学者に見せたいお話!
気になったらとりあえず記事見てみてください!

PHPの現場 公開収録』

実は、名前だけ知ってたけど、聞いたことなかったPHPの現場。

podcastで公開されているのですが、今まで聞いてなかった・・・
いやさ、聞くと『わかるぅ』ってなって作業集中出来ない未来が見えて避けてた・・・w

でも、これは作業無しに聞こう!バックナンバー聞こうと思わせる内容でした!

公開録音、ってことで、今度バックナンバーで公開されるはずなので!是非聴きましょう!
『小学生にもわかるDI』について、『小学生のわからない例のあれ』で説明しているのが聞けます(‘ω‘ )(ネタバレは避けた)

php-genba.shin1x1.com

改めて見ると、半分以上知ってる人の名前なのすっごく楽しいな・・・w

その後は・・・?

で、その後何してたって?

  1. 私『ブログについてお話聞きたい人いる?』
  2. 2人程手を挙げる
  3. hamacoさん『いつやるの、いまでしょ、書いておくね(要約)』
  4. 自由トーク場所に、1時間私がしゃべる会が突発で開かれる

ってことで、まさかの参加者側のつもりが、喋ってました・・・しかも一時間・・・w

『エンジニアブログやりたい人のゆるふわ相談室』

ってことで、突発おしゃべり会が開催されました。

スライドとかないので、以下のような形式をやってみました

1. 一人一人何聞きたい?悩みあるって全員分聞く
2. VSCodeでメモ書いて、画面に映す
3. 一つずつ私が読み上げ+私の意見を説明
4. その場にいる人も意見を言い合う 

という感じで、私メインには話すけど、みんなで議論しよう会をしてました(‘ω‘ )

どんな話してた?

1. 個人でブログ書くけどネタ切れる
2. 会社でブログ書けって言われたけど難しい・怖い
3. ブログ書く習慣がつかない
4. どれくらいのスピードで書くの?
5. 記事の構成テンプレートって?

etc...

私の意見が正しいとは限らない!ってお話が参加者から上がったのはすっごい良いこと!
そういう意見が出るような雰囲気だったのは、凄く良かったですね!皆さんに感謝!

今回話した内容は、スライドとかありません!!!

もし興味があれば、Twitterで質問していただくとか、よっぽど需要あったらいつかLTしますぅ

本当にいい雰囲気でした!皆さんありがとうございます!

そしてゆるふわぷち茶会へ・・・

そして次のセッション聞きに行くかーって思ったら、
ちょこちょこ色んな人に話しかけられて、
気づいたら5人,8人,10人・・・

ってことで、雑談会をしてました・・・これがそのまま盛り上がってて、ずっと続いてました・・・w

『初中級者のお悩みゆるふわ茶会』って感じでした。
以下、『ごく一部』の話題一覧

## AWS 学ぶ大変
## AWS高額請求
## Laravel やってるよ
## 自社製フレームワーク
## 金融系特有の話
## 入って一年目かっこわらい(社歴は実は長い)
## 基本情報取れと言われる
## いきなりコードかける vs 営業の仕事知る
## レガシー(´;ω;`)
## リファクタリングの説得
## コードは外注する テストは自分たちが書く?
## プレゼン
## ブログ
## 将来
## 研修・教師になる
## 社員の評価
## 教えるって難しい

これでもメモ逃しが倍以上あるので・・・盛り上がってましたね・・・w

私からお話したこととしては、

プレゼンは『ロジックを文字で』『パッション・強調は絵で』両立することができる

みたいな話はしたかも。

あとは『わかるぅ』『なるほど・・・』って感じだった(‘ω‘ )w

PHPer茶会

そして懇親会っぽいなにか。

あのね、もういろんな話しすぎて全部書ききれない。

  1. めっちゃ知り合い・友達増えた!
  2. めっちゃいい話出来た

今日だけでもめっちゃ友達増えたので、カンファレンス凄い。あと、phperめっちゃ暖かい。

あと、最後に話した雑談がめっちゃ為になったのでφ(..)メモメモ

私のもやっとを、いい感じに言語化する機会になった・・・!

『認識・共有・悪意』との向き合い方

どぅーあき (@do_aki) | Twitter

.oO(何気なく1対1で話して、そしてかなり盛り上がったところで名札見て3度見したよね)

色んなお話して、『たしかに・・・』って思うことが多かったので、ざっとメモ。
いい感じに盛り上がってたから、20時だから撤収!!!ってなって打ち切りなったのは悔しかったけど仕方ない!!!

■評価って難しい
年功序列が崩れてきて『絶対値』による評価が難しく
『正しい評価』ではなく『みんなが納得する評価』
って書いたけど『全員が納得する評価』なんて無理だから難しいってお話\(^o^)/
そもそも給料って話するなら、原資のお話も・・・
ってことあるから、『納得いかない』なら転職ってなるよね

でも『納得行かない』から『変えるんだ』ってマインドでやれたらいいよね
そして『変えきったから、私はここでやることはもうない』って感じで退職出来たらいいよね

『どうすればうまくいくんだ』『変えてやろう』という意思は、『会社』『個人』どちらか片方が持つって話じゃないよね一緒に持ちたい

■正しく同じ目標に向かうのは難しい
現状や目的の共有が足りないと『悪意』を見出してしまうことも
『推測』で話を進めるのは楽
『仮想敵』を作ると、話を進めるのも楽だから陥りがち
共有がうまくいくなんて難しいので、何度共有しても多いなんてことはない

■共通認識取ったと思ってもそうとは限らない
『戦争をなくそう』という同じ言葉を使っても、『兵器をなくす』『自分以外を滅ぼす』という手段やイメージが異なることも
『同じ言葉』を使って説明しても、『言う人』によって受け取られ方が違う
『同じ言葉を同じ人』が説明しても、『聞く人』によっても受け取られ方が違う
そもそも『昨日の私』と『今日の私』ですら別人では


二人で『そうですよねー』って言って話してた内容をまとめたこの文章も、
これは『私の理解』なので、当然どぅーあきさんは微妙に違うつもりで話してた!ってこともあるよね!!

下の話を私なりに解釈して、軸になってたなと思ってたのが

生産性のある・前向きな話ができるか

ってことを考えるのは大切だなって思いました。
え、ちょっとめっちゃ話足りないんだけど!

でも、そう思えるってことは、それだけ実りのある話だったと思うの!

いろいろありましたが

phperkaigi最高でした!!!

・・・え、まだ2日目あるのΣ(・∀・;)!?

phperkaigi最高かよぉ・・・!