Tweet
Tweet

Slide 1

Slide 1 text

社内SEは（VBAを投げ捨てて） PHPの夢を見るか？ Event / PHP Conference After Hack!! Date / 2018-06-17 (Sun) Presenter / Naoto Teshima (tosite) おかわり

Slide 2

Slide 2 text

あらすじ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 3

Slide 3 text

VBAに限界を 感じていた社内SE あらすじ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 4

Slide 4 text

そこで彼はPHPと 邂逅を果たした あらすじ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 5

Slide 5 text

数々の挫折の果てに 徐々に目覚めていく あらすじ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 6

Slide 6 text

PHPに魅入られた彼が 最後に導き出した 結論とは… あらすじ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 7

Slide 7 text

社内SE、仕事 辞めるってよ あらすじ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 8

Slide 8 text

と、言うことで 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 9

Slide 9 text

昨日に引き続き 本日もよろしく お願いします！ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 10

Slide 10 text

昨日の資料はSNSに公開していますので 見られてない方はそちらをご覧ください！ あらすじ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 11

Slide 11 text

わたし 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 12

Slide 12 text

わたし 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 13

Slide 13 text

わたし 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ 今はカステラ県に住んでます 出身は明太子県です

Slide 14

Slide 14 text

まだ地方金融機関の 社内SEです PHPでサービスを構築しています Laravelだいすきっこです わたし 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 15

Slide 15 text

Contact me 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ about me Facebook @mao_sum

Slide 16

Slide 16 text

Contact me 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ NaITE・JaSST九州の 実行委員もやってます！ 今年も色々やる予定なので よろしければぜひご参加ください！

Slide 17

Slide 17 text

気づいて しまったこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 18

Slide 18 text

実は昨日、帰ってから 少し凹んでました… 気づいてしまったこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 19

Slide 19 text

気づいてしまったこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 20

Slide 20 text

気づいてしまったこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 21

Slide 21 text

とは言えやるしかないので がんばります！ 気づいてしまったこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 22

Slide 22 text

PHPとの 出会い 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 23

Slide 23 text

どうしてPHPを学ぼうと思ったのか？ PHPとの出会い 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 24

Slide 24 text

VBAに限界を感じていた １００人分の環境構築とか… PHPとの出会い 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 25

Slide 25 text

「俺の環境では動く」が １００人分…＼(^o^)／ PHPとの出会い 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 26

Slide 26 text

確かに開発コストは低いため、 簡単なツールには向いているが… 大規模な業務システムとなると なかなか難しい部分があった PHPとの出会い 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 27

Slide 27 text

軸となる言語を 身に着けたかった 自分の中で武器を一つ持ちたかった PHPとの出会い 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 28

Slide 28 text

Webエンジニアの皆さんが 輝いて見えた 自分もその一人になりたかった！ PHPとの出会い 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 29

Slide 29 text

開発環境 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 30

Slide 30 text

今までVBA一辺倒だった自分にとって、 Webの概念を理解するのは簡単なことでは ありませんでした… 開発環境 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 31

Slide 31 text

環境構築どうやるんだっけ？ 開発環境 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 32

Slide 32 text

データベース？ Accessなら少し… 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ 開発環境

Slide 33

Slide 33 text

エディタは何を使えばいいんだろう？ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ 開発環境

Slide 34

Slide 34 text

え、 HTMLタグ？ CSS？ JavaScriptってJavaとは違うの？ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ 開発環境

Slide 35

Slide 35 text

バックエンド・フロントエンド・ DB・サーバー… 全て最初からのスタートでした 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ 開発環境

Slide 36

Slide 36 text

ですが、逆に一から携われたので おぼろげではありますが全体像を 掴むことができたのかなと思っています 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ 開発環境

Slide 37

Slide 37 text

開発環境 の変遷 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 38

Slide 38 text

初期 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ 開発環境 XAMPP データベース SQL Server Webサーバー IIS サーバー Windows Server 2008 フレームワーク × CSS Bootstrap js ×

Slide 39

Slide 39 text

中期 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ 開発環境 Vagrant (VM) データベース MySQL Webサーバー Apache サーバー CentOS 7.4 フレームワーク Laravel 自分で構築を手がけました CSS Bootstrap js jQuery

Slide 40

Slide 40 text

現在 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ 開発環境 Vagrant (VM) サーバー さくらレンタルサーバー フレームワーク Laravel CSS Materialize js Vue.js

Slide 41

Slide 41 text

VM・Laravelに出会ってから 加速度的に開発スピードが上がりました！ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ 開発環境

Slide 42

Slide 42 text

見習っていきたい、 環境は滅びぬ！ 何度でも蘇るさ！ の精神 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ 開発環境

Slide 43

Slide 43 text

失敗しても何回でも作り直せるため、 心理的安全が担保されていて 色々と試しながら習得できました 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ 開発環境

Slide 44

Slide 44 text

手がけて きたもの 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 45

Slide 45 text

● 社内アンケートサービス ● 顧客登録状態チェックサービス ● 社内勤怠管理サービス ● ニコカレ 手がけてきたもの 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 46

Slide 46 text

フレームワーク・Javascriptは未使用。 フロントはBootstrapで構築。 環境はローカルにXAMPPを入れていた。 社内アンケートサービス 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 47

Slide 47 text

フレームワークは未使用。 初めてjQueryを使用。 フロントはBootstrapで構築。 環境はローカルにXAMPPを入れていた。 顧客登録状態チェックサービス 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 48

Slide 48 text

Laravelフレームワークを使用。 フロントはBootstrap+jQueryで構築。 VM(Vagrant) とGithubの利用を開始する。 社内勤怠管理サービス 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 49

Slide 49 text

Laravelフレームワークを使用。 初めてAPIサーバーとして利用してみる。 フロントはVue.jsで構築。 SPAの概念が全然分からなくて詰みかける。 ニコカレ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 50

Slide 50 text

ちなみに ニコカレ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 51

Slide 51 text

今からVue.js勉強するなら 個人的にこの本がオススメです ニコカレ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 52

Slide 52 text

ニコカレ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ 著者：@mio3io さん

Slide 53

Slide 53 text

基礎的な概念の部分から丁寧に説明されていて とても読みやすく、わかりやすかったです ニコカレ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 54

Slide 54 text

社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ アジャイル

Slide 55

Slide 55 text

Agile Japan サテライト長崎 2016と2017に参加して 衝撃を受けたことを今でも覚えています アジャイル 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 56

Slide 56 text

途中から複数人でコーディングするようになりました！ ということで、アジャイル（もどき） を取り入れつつ 開発していました アジャイル 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 57

Slide 57 text

● デイリーミーティング ● YWT（やったこと・わかったこと・次にすること） の報告 ● 一部テスト駆動開発 ● カンバン ● ニコカレ アジャイル 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 58

Slide 58 text

アンチパターン 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 59

Slide 59 text

今までアジャイルのアの字もなかったので、 数え切れないくらいの失敗がありました… アンチパターン 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 60

Slide 60 text

カンバン アンチパターン 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 61

Slide 61 text

いきなりカンバンを電子化した結果、 いつまで経ってもタスクがToDoに残り続けた アンチパターン 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 62

Slide 62 text

あえてアナログ化して、ふせんを 模造紙に貼り付けた アンチパターン 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 63

Slide 63 text

デイリー ミーティング アンチパターン 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 64

Slide 64 text

上司に提案後、「立つ必要ないよね」って ことになって結果ただの終礼と化した アンチパターン 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 65

Slide 65 text

終礼とは別に時間を取って、 チームメンバーとミーティングを することで解決 アンチパターン 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 66

Slide 66 text

テスト駆動開発 アンチパターン 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 67

Slide 67 text

テストファーストではなく バグファーストとなってしまった アンチパターン 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 68

Slide 68 text

せめて単体レベルでは開発者が責任を持って テストするべきだった アンチパターン 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 69

Slide 69 text

テストへの知見が少ない状態で、 実装する機能が多いとどうしても テストが後回しになってしまう… アンチパターン 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 70

Slide 70 text

今、ちょうどこの部分で悩んでます よろしければあとで皆さんのご意見を お聞かせください アンチパターン 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 71

Slide 71 text

アジャイルで 気づいたこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 72

Slide 72 text

最初は自分たちが使えるものだけでも とりあえずやってみる！ アジャイルで気づいたこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 73

Slide 73 text

中でもニコカレはとても成果がありました チームメンバーの感情の動きを見ながら 仕事できるのはとても有意義でした 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ アジャイルで気づいたこと

Slide 74

Slide 74 text

使い勝手悪いなぁと思ったら 納得いく形に変えてみるのも手かな、と 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ アジャイルで気づいたこと

Slide 75

Slide 75 text

特にモダンアジャイルの考え方でいけば 定形のメソッドは存在しないと言われている 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ アジャイルで気づいたこと

Slide 76

Slide 76 text

アジャイルとはもはや開発手法ではなく 心の有り様なのでは…！？ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ アジャイルで気づいたこと

Slide 77

Slide 77 text

ユーザーに価値を届けたい！ アウトプットからアウトカムへ 切り替えていきたい 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ アジャイルで気づいたこと

Slide 78

Slide 78 text

習得する上で 気づいたこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 79

Slide 79 text

フレームワークを あえて使わない 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 80

Slide 80 text

PHP以外に学ぶことが多すぎて 学習コストが跳ね上がる 習得する上で気づいたこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 81

Slide 81 text

切り替えた時に どれだけ便利なのかが 感じられる 習得する上で気づいたこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 82

Slide 82 text

流行りに 惑わされない 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 83

Slide 83 text

あくまでも 自分が実装できる レベルでトライすることが大事 習得する上で気づいたこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 84

Slide 84 text

徐々にノウハウを蓄積しつつ 新しいことにチャレンジしていく ことが大切かな、と 習得する上で気づいたこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 85

Slide 85 text

Lv.1の勇者がいきなり Lv.100の魔王に挑むわけにも いきませんからね 習得する上で気づいたこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 86

Slide 86 text

Laravelの 懐の深さ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 87

Slide 87 text

独学でLaravelを勉強するのは かなりハードルが高かったです…が 習得する上で気づいたこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 88

Slide 88 text

特にLaravelは初心者から職人まで 人に合わせた開発を サポートしてくれると思います 習得する上で気づいたこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 89

Slide 89 text

最初はLaravelのビューファイル（blade.php） で ページ遷移ありのサービスを作ってました…が 習得する上で気づいたこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 90

Slide 90 text

今開発中の個人サービスでは、 バックエンドはLaravel、 フロントエンドはVue.jsに 任せるような構築にしています （とは言えエントリポイントと静的なページはbladeファイルに頼ってますが） 習得する上で気づいたこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 91

Slide 91 text

どういうことがしたいか、 どういう形で構築したいかという 開発者のニーズを汲んでくれる 優秀なフレームワークかな、と 習得する上で気づいたこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 92

Slide 92 text

次はLaravelがどんな一面を見せてくれるのか、 今から楽しみでもあります 習得する上で気づいたこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 93

Slide 93 text

余談 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 94

Slide 94 text

Laravelを導入した当初の話 in 社内 習得する上で気づいたこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 95

Slide 95 text

こういうことってできると思う？ 簡単にやる方法ないかな～… あったらいいのにな～… 習得する上で気づいたこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 96

Slide 96 text

調べてみようか… 絶対面倒くさい処理とか 独自メソッド実装しないとダメよね… 習得する上で気づいたこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 97

Slide 97 text

標準機能であったよ… このフレームワークやべぇ… 頭おかしい…（褒め言葉） 習得する上で気づいたこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 98

Slide 98 text

っていう会話が一時期 鉄板化してました 習得する上で気づいたこと 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 99

Slide 99 text

告知 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 100

Slide 100 text

少しだけお時間をください… 告知 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 101

Slide 101 text

告知 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 102

Slide 102 text

個人サービス 構築中です 告知 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 103

Slide 103 text

その名も ニコカレ！ （仮） 告知 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 104

Slide 104 text

ニコカレが もたらしたもの 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 105

Slide 105 text

実際、開発にニコカレを取り入れてみて 捗った事例を紹介させてください！ ニコカレがもたらしたもの 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 106

Slide 106 text

メリット１ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 107

Slide 107 text

メンバーの気持ちが数日 「悲しい」になっていた… 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ ニコカレがもたらしたもの

Slide 108

Slide 108 text

コーディングで詰まっていたことが原因 ↓ ペアプログラミングを取り入れて 楽しみながら問題解決！ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ ニコカレがもたらしたもの

Slide 109

Slide 109 text

職場関係が原因 ↓ 飲みに誘ってストレス発散！ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ ニコカレがもたらしたもの

Slide 110

Slide 110 text

メリット２ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 111

Slide 111 text

デイリーミーティングで 活発な意見交流ができるようになった！ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ ニコカレがもたらしたもの

Slide 112

Slide 112 text

メリット３ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 113

Slide 113 text

日常的に会話する頻度が増えた！ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ ニコカレがもたらしたもの

Slide 114

Slide 114 text

相手の感情に気を使いながら 仕事ができるようになった！ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ ニコカレがもたらしたもの

Slide 115

Slide 115 text

開発中の 画面 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 116

Slide 116 text

開発中の画面 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ 画面は開発中のものです

Slide 117

Slide 117 text

社内SEは（VBAを投げ捨てて）PHPの夢を見るか？ 画面は開発中のものです 開発中の画面

Slide 118

Slide 118 text

作ろうと 思った経緯 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 119

Slide 119 text

僕たちが 大事にするもの 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 120

Slide 120 text

仕事をする。遊ぶ。大切な人と時間を過ごす。 その中で僕たちは、無意識的に大事にしているものがある。 それは、気持ち。 僕たちが大事にするもの 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 121

Slide 121 text

気分よく仕事ができる日があれば、大切な人との 時間が楽しくない、なんて日もある。 なんでだろう？ それは僕たちが感情で動いている生き物だから！ 僕たちが大事にするもの 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 122

Slide 122 text

気持ちで つながる 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 123

Slide 123 text

そんな目には見えない、言葉では伝わらない 気持ちを見えるようにするツール、それがニコカレ。 複雑な気持ちを、シンプルに伝えられる。 気持ちでつながる 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 124

Slide 124 text

気になるあの人の気持ちを。 これまでのSNSとは違った目線… それが気持ちでつながるアプリ、ニコカレです。 気持ちでつながる 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 125

Slide 125 text

世界はどう 変わる？ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 126

Slide 126 text

私たちが作り上げたいのは、 "気持ちが見えるツール"ではなく、 "ツールが生むコミュニケーション"。 世界はどう変わる？ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 127

Slide 127 text

ユースケースは様々。 家庭、部活動、学校、職場、サークル、友達。 もっと自分の気持ちに気づいてもらえたら…！ 世界はどう変わる？ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 128

Slide 128 text

正直な気持ちをシェアできれば、もっと幸せで 優しい世界が作れると、私達は信じています。 世界はどう変わる？ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 129

Slide 129 text

リリースしたらご報告いたします！ 皆さんのご利用お待ちしてます！ まとめ 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？

Slide 130

Slide 130 text

See U next project!! 社内SEは（VBAを投げ捨てて）PHPの夢を見るか？