イベントレポート

勉強会やイベント参加記録

ルーン占いアプリ

Angular で作りました。

Materialを使いデザインは楽をしました。

ルーンはなんとweb fontでやんす。ついでに魔方陣もweb fontダウンロード時に付いてくるのでラッキ〜〜!

こちらでダウンロードしたよ!

daisy-bell.booth.pm

 

 

UIはこんな感じ。画像ファイルは0。魔方陣svgです。

 

f:id:kotonona:20180421022254p:plain

 

ルーン一覧も作りました。鑑定が楽になるぜ〜〜。

f:id:kotonona:20180421022300p:plain

 

githubで公開していますのでデータなどはお好きな様にいじいじして遊んでみてください。いじいじはローカルでね。

 

CLI入れて動かすだけなのでローカル環境作るのも簡単です(開発に携わった事があり黒い画面に抵抗がない人に限る)

github.com


マジック習い始めました

ストアカでずっと前から気になってた❣️

 

マジックレッスン(^。^)

 

でも勇気がなかった!

 

なんだか、厳しいのではないかな?と思ったりして。

 

1日でサクッとやりたいけど、そんなのつまらなかったり、習ってもタネがバレバレだったりするのでは?などと思っていました。

 

 

でも、すごく良さそうなレッスンを見つけたので3月末に予約して行ってきたんです

 

 

新宿・代々木のマジック(手品)「【土曜開催】初心者のための超実践1DAYマジックレッスン」by 榎 直人 | ストアカ

 

実は3月末の会はワンコインだったのです!

年に1.2回しか無い貴重な会に参加する事が出来ました(>人<;)

しかもストアカのポイントが500ポイントありまして…(自分の講座を開いた時にセルフ集客かなんかでポイントバックされた)

 

実質タダ…すんません^^;

 

 

講座はクロースアップマジックという種類のマジックを習います。テーブルでやるタイプのやつですね。鳩とか出すやつはステージマジックというらしくて、それは今回の範囲では無いと。

 

ネタバレになっちゃうのでここまで!

 

道具を配られて(道具も内緒)、皆んなでワイワイ学んで楽しすぎました💖

 

参加者さん達が明るくて楽しい方が多くて初めてなのに気さくにお話しできる雰囲気は先生のおかげなのだろうと思います。

 

講師は榎 直人先生

手品教室やショーなどで活躍されて居るマジシャンさんの様です

手品教室MACOMICAL - YouTube

 

 

私は何と…あまりにも楽しかったので、もっと手品をやりたくなりまして、5ヶ月コース(月二回)に入会しました(^。^)むずいのも出来るようになるらしい。20-30個近く覚えられるらしい。

 

明日が初回のレッスンです。素敵な趣味を身につけられそうな予感(^ν^)

 

 

 

 

 

 

もくもく3回目 ルーンアプリ結構できてきた

今日はAngularもくもく回3回目でした。

 

予約6名中、キャンセルが相継ぎ2名の参加で寂しかったですが、内部のメンバーが3名参加してくれたので丁度良かったかな。

 

今回もやることは同じ

ただ自分のペースでつくるだけ

 

参加者のほとんどの方は、初心者であったり、昔1系を触ってた方など。

 

非エンジニアはあまりいないですが、ちらほらいらっしゃいます。それでもチュートリアルをやりながら進められるので何とかなっております。

 

2回目はバタバタしていたので、今回は45分前から準備を始めました。

 

やはり時間前にしっかり来られる方もいらっしゃいますので早く準備してよかった!

 

私はルーン占いアプリをシクシクとつくっていて、後は正式なデータを入れれば終わり!

 

データが著作権の関係で世に出せない物なのでまだ見せられません。

 

自分でルーンの絵とか描くんだ…!

 

material designを使ってますのでスタイルシートをほとんど書いていません。楽チン。

 

来週で最終回です。

私が辞めた後はこの会は終わるんだろうなと思ってましたが、続けてくれる様な話が今日ありました。

オーガナイザーは大変だから私は黙ってたけど、そういう動きに周りのメンバーが自然となってくれて凄く嬉しかったです。

 

来週は10名で開催です。今までと違い広い部屋を押さえました!オヤツが少なくなってきたので、ちょっと追加で何か用意しようかな!

 

もくもく会とても楽しいです。私はイベントで色んな人に会うのが死ぬほど好きなんだなぁって実感しました!

 

 

 

もくもく会2回目

Angularのもくもく会2回目を開催しました。

 

2回目なので余裕ぶっこいて・・19:15位から部屋に準備に行ったら・・・その後すぐに早めにお越し下さったお客様がいらして・・・

 

あーーーちょっと待って!バタバタ・・・

 

一回目は5名満席なのに2名参加、しかも遅れてくるという状態だったから油断しました。

 

今回は4名様のご予約で4名様遅刻なしで来られたのです・・・><;グオッ

 

毎回違うなぁ・・・と学びと反省の気持ちになりました。

 

2回目も内部のエンジニアさん2名が参加してくれて、心強かったです><;

 

 

私は引き続き、ルーン占いアプリを作っていました。何つうか、いつもの仕事より速く出来上がるのはなぜ・・・

 

答えは・・好きなことだからだよねw

 

 

オヤツやお茶も出して見たが、みなさま・・あんまりオヤツ食べないのです。

内部のエンジニアがバクバク食べてる(お前のじゃね〜〜よ)←冗談

 

 

お客様達は、最大手のPMさん、エンジニアさん、起業家さんなど・・・・いつも関われない方々でビックリしました。来てくださって本当にありがとうございました・・・。

 

何か伝わる様な、事を言えて居たらいいのだけど。

 

 

私は1年半AngularとTypeScriptを触っているので、それなにり書き慣れているというか、、プログラマーとしてはへっぽこなんだけど、Angular初心者の方には教えられることはそれなりにはあると思います。というのがこの1、2回目で分かりました。

 

この1年半、1人でアプリをDojoからAngularへ書き換えしたし。

MVCには精通しとるから、まぁ、フロントエンドに転向したいサーバーサイドエンジニアさんなんかにはお話しして得られるものはあるかも?しれない。

 

イベントに来られる方々はサーバーサイドエンジニアの方でフロントやりたい方や、Slreで働いているPMの方とか・・・が多くてAngular触ったことないっす!!!って方が90%。

 

結構これはビックリしたの。

 

ゴリゴリのAngular使いが来るんだろうな〜〜やだな〜〜(おい)って思ってたからさ。

 

皆様、技術に貪欲で学ぼうとする気持ちが強くって、、パワー凄くもらいました。私もAngularとTypeScript使いは後1ヶ月で終わるけどさ・・・私のやっている言語やフレームワークにここまで来てくださる人が居るってのに、感銘を受けました。

 

今後も技術に精通はしますが、マーケやディレクション業務にも手を出すのでフロントだけに特化して触れないけど、素敵な仕事だったと思うから、動向調査はたまにしていこうかなと思った次第。

 

良い経験を最後のエンジニア職でさせてもらってる。ありがたい。他の人にどうかこの会を存続させてもらいたいけど、無理は言えないなと思ってる。

 

 

3.4回目満席です。もっと増やしても良さそうだけど、、一回目のお茶が3つ残ってるから3席増やしてみるかw

 

rakumo-frontend.connpass.com

 

rakumo-frontend.connpass.com

 

 

 

 

 

 

Angular もくもく会 Vol.01開催しました

昨夜、初めてのもくもく会を会社で開催させていただきました。

 

5名の枠で満席だったのですが、当日お越しいただけたのはお2人のみで寂しかったですが、社内のメンバーさんが3名参加いただけたので、にぎやかさはあり楽しかったです。今回のご参加エンジニア様達も4回目に参加していただけることになり、嬉しかったです。

 

rakumo-frontend.connpass.com

 

私はルーン占いのアプリを作ろうとしていて、Angular MaterialとCLI使って作っていました。4回のうちに完成させようと思っています!

 

みんなでやる開発って楽しいですね。

 

遊びで作るものだからだと思いますけどね(笑)何かいても怒られないし(笑)

楽しいだけで終われるからでしょうけども(笑)

 

業務になると白い目をした魚になる私・・

 

次回はまた来週です。

残枠1とかなので埋まるかな~?埋まってほしいな~

 

rakumo-frontend.connpass.com

 

 

 

Web Starter Kitを使ってPWAを体感してみる

超遅いんですが、今更・・PWAを手元で動かしてみようと思いもくもくしています。

 

PWAって何でしょう?

Progressive Web Appsを省略した言葉です。ネイティブとwebページの良い所を取り合って良い感じのページ作ろうぜってやつ。

 

 

AMPという技術もありますが、これはWEBページを高速化する為の技術です、今回は触れません。

 

Googleを中心に開発が進められています。

 

信頼性 - 不安定なネットワーク状況であっても、即座にロードし、ダウンサウルスを表示しません。


高速 - スムーズなアニメーションでスムーズなアニメーションや、スクロールが不要なユーザーとのやりとりに迅速に対応します。


エンゲージメント - 没入型ユーザーエクスペリエンスを備えた、デバイス上の自然なアプリのような感じ。

Progressive Web Apps  |  Web  |  Google Developers

 

オフラインでも、データをキャッシュする仕組みがあるので、地下鉄で電波が!という様な時でもヘーキ。サクサクとページを見続けることができます。

 

大目玉が、オフライン体験を可能にする「Service Workers」

developers.google.com

 

ブラウザ通知はPush Notifications

developers.google.com

 

データはindexedDBが保持します

developer.mozilla.org

 

Background Sync 

developers.google.com

 

 

 

早く作りた〜い、けど環境整えるのめんどくさいし・・・と思っていたら、

Web Starter Kitあるじゃん

 

developers.google.com

 

zipで落としてきました

インストールドキュメントを読んで

github.com

 

gulpコマンドはこちらで

github.com

 

 

私はgulpとだけ叩きました(面倒なので

 

そうすると、localhost:3000がブラウザで叩かれてこのページが開きます。

美しぃ〜!さて、これを使って自分のサイトを作っちゃおうかなって思ってます笑

 

f:id:kotonona:20180312215721p:plain

 

まだservice workerの事良くわかって居ないので、明日じりっと調べてみよう。

 

 

会社でもくもく会を開催することになりました

いつもはもくもく会に参加する方だったのですが、ついに、会社で許可を頂きまして、運営をさせてもらえることになりました!わ〜〜い!

 

 

初回は、3月28日(水)19:30〜21:30の時間帯で5名様にて開催です。既に何名かお申し込みがあり嬉しい限りです。

 

Angular縛りでもく・もくです^^

 

定期的に毎週水曜19:30〜21:30やりますので、是非お越しくださいね^^

 

楽しくコードを書こう!

 

rakumo-frontend.connpass.com