エンジニアのひよこ_level10

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

ういろう、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最高かよぉ・・・!

phperkaigiの前夜祭(1日目)が楽しかったよってお話【532日目】

phperkaigi参加したよ!

phperkaigi.jp

トークどうだった?

めっちゃ面白かったんです!

で、詳しく書こうと思ったけど、こちらの方がいい感じにまとめてくださってるのでこちらをどうぞ。

qiita.com

参加出来ない方は、こちらも参考になるかと

qiita.com

一応私の感想を短く書いておきます!

15分で分かった気になるGraphQL

めちゃくちゃわかりやすかった!!!

メリットデメリットを両方表現する、素敵な登壇でした。

スライド見てもわかりやすいのでおすすめ!

PHP でも Raspberry Pi がしたい!

どうしてやった、いいぞもっとやれ

まさかのラズパイ実演。呼び出したことで見れるWebページ上でボタン押して、LEDが操作されるの見れました。

なるほど、たしかにWebに組み込みやすい。これはいろんな可能性がある・・・!
たった一つのLチカでここまで可能性を感じるとは思わなかった・・・!

「質」の良いユニットテストを書くためのプラクティス

『質』をコスト削減と表現したのは本当に素晴らしい!!!

良いコードを書くためのテクニックより、明確な方針・基準を知ることで、
迷ったときに『どんな』コードを書こうというのが考えられるようになれたので、
明日から使えるお話でした。

手段としてのテクニックはここでは省略しますので、スライドの方を見てみてください!

PHPreParty・・・の前のPHPrePreParty

このあとには、DJイベントがあるのですが、
会場に向かう前に、、、

はい\(^o^)/
お、お友達探ししたかっただけだしー?ほんとは怖くなかったしー?(((

新しくなるせさんと知り合ったり、ほっしーさんと知り合ったり出来ましたヽ(=´▽`=)ノ

お友達をこうやって増やすの大切!
私こうやって定期的にお友達探ししてるので、皆さんも私と友達になりませんかっ(๑•̀ㅂ•́)و✧

PHPreParty

やばい、なんだこれ、面白すぎる

ってことで、貸し切りでDJイベント\(^o^)/
見渡す限りそこにいるのはみんなぺちぱーなDJイベント\(^o^)/

技術話で盛り上がるもよし、サイリウム振り回して楽しむもよし!

私は技術話したり、サイリウム振り回して乗ったり、何も考えずに雑談したりと満喫しました(・∀・)

あと、某O君がサイリウムがうんたらかんたらでLTとかなんとか言ってた気がする

つまり?

楽しかったよヽ(=´▽`=)ノ

前夜祭でこれなんだからカンファレンス素敵よね!

・・・そう、これ前夜祭なんだよ、みんな大丈夫?明日ちゃんと来れるよね?w

ってことで、私は明日明後日も参加です!また皆さん会場で会いましょうヽ(=´▽`=)ノ

【カンファレンス行こう!】phperkaigiに行くべき5つの理由【531日目】

読者対象

  1. カンファレンス楽しいとか言ってる人が理解出来ない
  2. そもそもカンファレンス行ったことない

カンファレンスに行ってますかー?

みなさん!技術系イベント行ってますか!

カンファレンスとか行ってますか!

私はまだ2回しか行ってません(‘ω‘ )←←←

なんでこんな話するの?

『カンファレンスジャンキー』の皆さんは、カンファレンス行くべきだ!
って言うと思いますよね!

逆に、数回しか行ってないような、読者の皆さんと近い立場であるからこそ、
言えることがあると思います。

たった2回の参加でも、もっと行きたいと思わせるカンファレンス。
さあどうしてかを説明してみましょう!

題材

明日・明後日・明々後日の3日間だよ!
4000円で、3日間全部参加できるよ!

phperkaigi.jp

目次

以下の内容読んで、2つ興味を持ったら、上でチケットを買おう!

  1. 友達ができる!
  2. 新しい技術の『キーワード』を知る
  3. 新しい技術を知る
  4. 真面目じゃない技術話も聞ける
  5. 美味しい!面白い!楽しい!

1. 友達ができる!

『お前、技術関係ない話やんけ!』
そのとおりです!それについてはあとで説明します!

なぜこの話をするのかというと、
カンファレンスは、 『ただ話を聞きに行くだけ』の場ではないからです。

そこにいるのは、殆どPHPを使っている人です。
『あなたと共通の趣味・話題を持った人』が見渡す限りいるんですよ!?

twitterで『駆け出しエンジニアと繋がりたい』と呟いて、
山のようなユーザーから探すのではないのです。
眼の前にいる人は、全員友達になりえる人達ですよ!

私は、ここで出来た友達とは、今でも『困ったことを共有・相談』したり、『切磋琢磨する仲間』になりました。
友達を作るって良いですよ!

2. 新しい技術の『キーワード』を知る

『知らないことは調べるし、行かなくていいや』

そのとおりです!知らないことは調べればわかるんです。

でも、そもそも存在を知らないものを知るのって、難しくないですか?
ニュースサイトとかで、流行りのキーワードを探す?

『BEAR.Sunday』『Swoole』『cakephp/chronos』

聞いたことのない単語がある?
『知らないを知る』のに、カンファレンスは便利です。
そこで、『なんだこれ?』って思ったら、その後調べれば良いのです。

そこにいる人達は、既に経験者。
しかも便利だから紹介してるわけなのです!これは知らないままではいられない!

3. 新しい技術を知る

『新しい技術勉強するのしんどい』

わかるぅ!

でも、ニュースサイトとかで、情報収集する必要なんてないのです。
そう、カンファレンスに行けばね!

『テストコード』『抽象化』『CI』

これら全て理解してますか?あるいは興味ある?

さあ、行ってみましょう。
面倒な勉強も、その場に行って席に座れば、気づいたら知識が手に入る!

4. 真面目じゃない技術話も聞ける

『真面目じゃない話になんの意味が?』

違うんですよ。プロが全力でおふざけした話って面白くないですか?
しかも、さり気ないテクニックから、学べることありませんか?

真面目じゃない話を調べるって難しい、そんな貴重な話も聞ける。
懇親会とかで聞く話は、真面目で面白い話から『なんでそこ全力尽くした』みたいな話まで、
普段聞けない幅広い面白い話が聞けますよ・・・!

5. 美味しい!面白い!楽しい!

『何言ってるのこいつ』

待って、帰らないで、これだけ聞いて!

今までの話は『技術・交友関係』とか、役に立つというお話だったじゃないですか。

カンファレンスは『これらを楽しんで手に入れる』ことができるんですよ。

だって、これいわゆる『お祭り』みたいなものですよ?
たくさんの人が全力で楽しく学びのある会にしようと用意してるんですよ?

面白くないわけないです!

あなたは、カンファレンスに行くことで、学びながら最高の楽しい時間を過ごすのです。
あと懇親会でめっちゃ美味い飯食えるんです。新たにできた仲間たちと共に。

ほら、楽しんで学べる。一石二鳥ですよ!

『良さわからん』

それは失礼いたしました!!!
ただ、これだけ伝われば良いです。

『カンファレンスは、勉強しにいくためだけ、じゃなくてもいい』

得られるものも大きく、満足感もあると思います。
もし『お前が何言ってるかわからん』でも、『お前はとりあえず楽しかったんだな』がわかればいいです。

そして、『よくわからないが、行ってみるか』でも良いです。

絶対楽しいです。保証します。
違うなと思ったら私も会場にいますので、twitterで呼び出してくださいお友達になりましょう。反省します。

【Vue】Vueの勉強始めようpart8(componentで共通のHTMLタグを管理)【530日目】

前回

www.nyamucoro.com

参考書籍

実際のコード

■プルリクエス

コンポーネントを作成。値をbindするまで by klack710 · Pull Request #23 · klack710/study-vue · GitHub

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

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

klack710.github.io

今回やったことは?

  1. componentで、テンプレートを作成
  2. propsとbindで値を渡す

学んだメモ

vueのインスタンス生成前にコンポーネント生成必要だったのね(´;ω;`)

写経してる次のページに注意書き書いてた。

感想は?

propで値を渡すのは、関数に引数渡してる感じ。

わりとテンプレートは便利だし使いやすそう。

ただ、一方でlaravelと混ぜるとしたら、bladeって便利なものがあるわけでー?

テンプレートエンジン2つあるけどどうやるんだろう?ってのが勉強しながら気になっているところ。

【Vue】Vueの勉強始めようpart7(watchで監視)【529日目】

前回

www.nyamucoro.com

参考書籍

実際のコード

■プルリクエス

watchのサンプルAPIページ by klack710 · Pull Request #21 · klack710/study-vue · GitHub

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

klack710.github.io

今回やったことは?

  1. 省略形で書けるものは省略形へ
  2. プロパティを変化させたプロパティ、computedを学ぶ
  3. computedで、set・getを実装して同期
  4. filterなどを使って、絞り込みやソート

学んだメモ

このコードは動かない!

watchの関数実行中は、dataの値が変わっても、bind先で判定がされないので、
ローディング画面とかはこれでは作れない!
非同期じゃないんだね!

たぶん!途中にreturnで止めてみたらうまく行ったから、そういうことな気がする!

html

    <div id="app">
        <p v-show="isWaiting">ちょっと待ってね!</p>
        <input v-show="!isWaiting" v-model.number="num" type="number" step="1" />
    </div>

js

var app = new Vue({
  el: "#app",
  data: {
    num: 0,
    isWaiting: false,
  },
  watch: {
    num: function () {
      this.isWaiting = true;
      for (i = 0; i < 500000000; i++) {}
      this.isWaiting = false;
    },
  }
});

感想は?

いい感じに躓いたおかげで、なんとなく概要がつかめてきてる感じがする!

躓く瞬間が、一番勉強になるよね!

そして、これ結構色んな人が一度はハマってそう。

【Vue】Vueの勉強始めようpart6(computedで変数いじり)【528日目】

前回

www.nyamucoro.com

参考書籍

実際のコード

■プルリクエス

Sp96 絞り込み・ソート・set,get by klack710 · Pull Request #14 · klack710/study-vue · GitHub

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

klack710.github.io

今回やったことは?

  1. 省略形で書けるものは省略形へ
  2. プロパティを変化させたプロパティ、computedを学ぶ
  3. computedで、set・getを実装して同期
  4. filterなどを使って、絞り込みやソート

学んだメモ

  1. 実データはdataに、それに対してなにかを行う場合はcomputedに
  2. set,getを使わなければ、computedとdataが同期しないよ
  3. filter関数の使い方初めて知った・・・第二引数そういう意味だったの・・・
  4. ライブラリを使ってみる

感想は?

結構難しくなってきたよ((((;゚Д゚))))ガクガクブルブル

でも、本は1/3まで読めたので頑張る!

computed便利ね。もとのdataと同時に存在して、かつ異なる変数名。

わりとたくさん使うことになりそうな予感