0からカンファレンスページ作った

だいぶ日があいてしまったけれど、Geek Women Japan2016のカンファレンスページを0から作りました。
geekwomenjapan.github.io

ダンコーディング本を9/1に終えて、9/3くらいから作り始めて今も絶賛更新中です。
前回のブログに

今年中にgithub.ioのページを0から作る

という緩い目標を立てましたが、なんとか作れました。めでたい。

いざ0から作ろうとなるとかなり難しくて、デザインもコーディング方法もまだまだ課題を感じる。
speakerセクション、いい感じに写真並べられなくてまだ試行錯誤中・・・

誰か詳しい人にプルリク投げて欲しい。

追記:リポジトリはこちらです!! https://github.com/GeekWomenJapan/geekwomenjapan.github.io

HTML5/CSS3モダンコーディング本やり直し始めた

タイトルの通り、HTML5/CSS3モダンコーディング本やり直し始めた。
とりあえず今日でPART1のスタンダードレイアウト完了。
スタンダードレイアウト:ヘッダー、フッター、サイドメニュー、メイン領域があるようなレイアウト

Amazon CAPTCHA

前やった時は、とりあえずサンプルのサイト作りきろうと写経してたのだけれど、
結局0から作る時にどうしてもうまくできなかった。
とりあえず目標としては今年中にgithub.ioのページを0から作ることにしました。
(今年は業務的に忙しい時期が続きそうなので緩めの目標設定)

転職してから画面はほぼ作らずサーバーサイド専門になったけれど、
やっぱり見える部分作るの好きだなーと思って、やれること増やせるように勉強する。
この本やりきったらJSやる予定。

Laravel勉強会でLTしてきた #innocafe

Innovator Japanさん主催のLaravel勉強会でLTしてきました!

innocafe.connpass.com
togetter.com

自分の話

「Laravel歴=PHP歴な私がLaravel布教した話」ってタイトルでLTしました

speakerdeck.com

全社で初めて導入したLaravelの話と、初めて導入した時のつらみとか話しました。
他の登壇者の皆さんがすごい方ばかりだったのでドキドキでしたが楽しかったです!
懇親会では「僕も社内でLaravel使ってるの自分だけでしたが、なんか勇気もらえました!」と言われて嬉しかったです。
需要あったようで何より!
今はプロダクトで導入したので、その話を機会があれば次は話したいです。

他の方の話

メイン発表をしてくださった@localdiskさんのエンジニアブログがとてもまとまってます!

tech.innovator.jp.net

メイン発表: 「Laravelの効率的な学び方」 松尾 大 氏 @イノベーター・ジャパン (@localdisk)

  • Laravel勉強するならIDE使おう!
  • Coreを読もう!
    Illuminate¥Container¥Container, Illuminate¥Foundation¥Application, Illuminate¥Foundation¥Application¥Http¥Kernel
  • サービスコンテナ=でかい配列
  • Applicationには便利メソッドあるよ!
  • ServiceProviderとFacadeを読め!Illuminate¥Hashing¥HashServiceProviderが一番単純で初めて読むのに最適
  • あとはhelper
  • Eloquent(えろくえんと)とHttpは読み込んでおくと捗る(自力で書かなくてよかった!と結構なる)
  • Queue/Eventの非同期処理(これも中身を知ってるとヒーロー扱い)
  • 試すならtinkerで十分。あとテスト書く!
  • var_dump書きたくなったらテストを書く 詠み人:@ex_takezawa
  • テストを書くと設計力も上がる

LT:「Aspect Oriented Architecture」 竹澤 有貴 氏 @istyle (@ex_takezawa)

github.com

LT:「LaravelとSendGridの話」 市川 慎吾 氏 @フリーランス (@ichikawa_0829)

  • Laravelの話ってよりSendGridの話だった!

LT:「Laravelのヘルパー」 たきゃはし 氏 @アシアル (@takahashiyuya)

  • いいチートシートになりそうな発表資料!
  • 標準のヘルパー使わないと死んでしまう
  • Laravelのヘルパーの話。ヘルパー、割とどのフレームワークでも特殊な感じある。

LT: 「Laravel Console」 市川 快 氏 @VAddy (@cakephper)

  • Laravelコンソール、何か知りたければsymphony console

追記

階段での乾杯は忘れられませんw@二次会

ワインリストが置いてあるサイゼリヤの店舗(23区編)

サイゼリヤ飲み(サイゼ飲み)をする方に向けて、秘密のワインリストを置いている店舗をまとめました。
サイゼリヤの店舗数は多いので23区に絞っています。

サイゼリヤ飲みとは

文字通り、サイゼリヤで飲むことです。
サイゼリヤといえばミラノ風ドリアだとか学生が行くファミレスのイメージが強いかと思いますが、飲むにもぴったりなんです!
私が友人とサイゼリヤ飲みするときは、昔バズった「サイゼリヤ100%☆活用術 前編 」の記事を参考につまみを注文して飲んでいます。

inadashunsuke.blog.fc2.com

今回はこの活用術中にある「秘密のワインリスト」ついて、どこで飲めるのかを調べました。
秘密のワインリストの詳細はこちら。 r.gnavi.co.jp

ワインリストが置いてある店舗一覧

※2016/6/19時点のものです

千代田区

中央区

  • 銀座インズ店
  • 日本橋浜町
  • 晴海フロント店
  • 勝どきビュータワー店
  • 月島店

港区

  • 港南中学校前店
  • 白金高輪
  • 台場フロンティアビル店
  • 三田慶大前店
  • 赤坂駅前店

新宿区

文京区

台東区

墨田区

江東区

品川区

  • 五反田西口店
  • 大崎ニューシティー店

目黒区

ありません。

大田区

世田谷区

  • 下北沢南口店
  • 上町世田谷通り店

渋谷区

中野区

杉並区

豊島区

  • 池袋芸術劇場前店
  • 池袋西口店

北区

荒川区

板橋区

調べ方

  1. サイゼリヤの店舗検索ページへアクセスする

  2. 店舗を検索し「取扱いメニュー」欄を確認する

  3. 「ワインが豊富」マークが付いていればワインリストが置いてある店舗です。

npmでpermission deniedになった時の対処法[mac]

この記事について

npmを利用してinstallしたりupgradeしたりする際にpermission deniedと表示されてしまった時に助けになるかもしれない記事です

現象

npmコマンドを実行したところ以下のようなエラーが出てしまう

npm ERR! Darwin 15.5.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "update" "-g"
npm ERR! node v5.6.0
npm ERR! npm  v3.7.1
npm ERR! path /usr/local/lib/node_modules/npm/node_modules/aproba
npm ERR! code EACCES
npm ERR! errno -13
npm ERR! syscall access

npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules/npm/node_modules/aproba'
npm ERR!     at Error (native)
npm ERR!  { [Error: EACCES: permission denied, access '/usr/local/lib/node_modules/npm/node_modules/aproba']
npm ERR!   errno: -13,
npm ERR!   code: 'EACCES',
npm ERR!   syscall: 'access',
npm ERR!   path: '/usr/local/lib/node_modules/npm/node_modules/aproba' }
npm ERR! 
npm ERR! Please try running this command again as root/Administrator.

npm ERR! Please include the following file with any support request:
npm ERR!     /Users/<アカウント名>/works/github/npm-debug.log

原因

不明・・・

対策

npm公式HPにありました。

対策1:npmのデフォルトディレクトリの権限を変更する

  1. npmディレクトリのパスを確認する
    npm config get prefixを実行するとおそらく/usr/localが表示される
    注意:もしディレクトリのパスが/usrとなっていた場合は対策2に進んでください
  2. npmディレクトリのオーナーを自分のアカウントに変更する sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}

対策2:npmのデフォルトディレクトリを別のディレクトリに変更する

  1. グローバルインストールのためのディレクトリを作成する
    mkdir ~/.npm-global
  2. 新しいディレクトリを使う設定をnpmで行う npm config set prefix '~/.npm-global'
  3. ~/.profileを開くか作成し,以下の行を追加する
    export PATH=~/.npm-global/bin:$PATH
  4. 3の変更を反映する source ~/.profile

対策3:パッケージマネージャ使ってnodeを再インストールする

brew install node

参考リンク

docs.npmjs.com

今日から5か月以内でTOEIC800点超えます

アルクTOEIC(R)テスト 800点攻略プログラム始めました。 ec.alc.co.jp

なぜ始めたし

英語もっと自由に話せるようになりたい。
今は多少読み書きリスニングスピーキングできるけど
結構文法とかしっちゃかめっちゃかになっちゃうし、
どうしてもわからない単語とか結構ある
もう1段階レベルを上げたくてちょっと高めの目標立ててみた。
ちなみに現在は650が最高点。

現状

初日に受けるPrimary Testってのを今日受けたところ、120/200正解。
ちなみに各Part別の正解率はこんな感じ

  • Listening / Writing = 61% / 59%
  • Part1: 80% ( 8/10)
  • Part2: 43% (13/30)
  • Part3: 67% (20/30)
  • Part4: 67% (20/30)
  • Part5: 60% (24/40)
  • Part6: 17% ( 2/12)
  • Part7: 68% (33/48)

Part2, 6が低すぎる・・・80%届いているのなんてPart1くらいという。