console.lealog();

@leader22のWeb系に関する勉強めもブログですのだ

HTML5 Conference に行ってきたメモ #html5j

Web

2015年に引き続いて2016年も。 北千住もーちょっと近くならんかな・・wなんだかんだずっとホールにいました。

Object Rest/Spread Propertiesの気になる挙動

Object Rest/Spread Properties この記事を書いてる時点でStage 2。 // Rest properties let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 }; console.log(x); // 1 console.log(y); // 2 console.log(z); // { a: 3, b: 4 } // Spread properties let n = { …

React NativeでNativeからのイベントをSwiftで受けて使うには

またも何が言いたいんだみたいなタイトルですがようは、 Native側で特定のタイミングでイベント発火 それをjs側で監視 それを、Swiftでどう書けばできるようになるのかというメモです。 またもドキュメントにはObj-Cのことしか書いてません。 Native Modules

転職して1年が経ちました

Web

転職しました - console.lealog(); あれからもう1年経ったので、さくっと振り返っておこうかと。

WebRTC Meetup Tokyo #11 に行ってきたメモ #webrtcjp

まさかのNode学園と時間が被ってて、どっち行くかなーって迷ってたんやけど、まあ先に申し込みしてた方にってことで。 あっちは後で資料いっぱい見つかるやろうしw

React NativeでNative機能をSwiftで書いて使うには

React Nativeの対応が追いついてないNative機能を使うには、自分でブリッジを実装する必要がある。ただ公式のDocsはほぼObj-Cのことしか書いてなくて、Swiftでもできるよ!って一言くらいしかない。 もちろん調べてもろくな例が出てこない!かといってObj-C…

React NativeでDecoratorsを使うには

mobxとか使おうとすると必要ですよね? そんなDecoratorsが使いたいって場合とかに、どうやって自前でプラグインを追加するかという話。デフォルトでもReactNativeは勝手にBabelでコンパイルしてくれるんやけど、その設定をどうやって上書きすればいいかとい…

Node学園 21時限目 -ES Modules Meetup- に行ってきたメモ #tng21

そしてLTで発表もしてきました。 発表資料はコレです。 0からはじめるFlow この記事の末尾に、発表後の補足も少し加えてます。

0からはじめるFlow Part.2

前回のPart.1では導入編ということで環境を整えるところまで。 今回からは各ファイルに実際に型をつけていくところを。そしてその過程でハマったものについて・・・。

Payment Request APIとは?〜Frontend Meetup Tokyo Vol.3 に行ってきたメモ #frontendmt

大手町は微妙に遠いと思いつつ今のところ皆勤賞になってるこのシリーズ。 日本経済新聞社はフロントエンドエンジニアを募集しています!とのことです。

0からはじめるFlow Part.1

こないだReactで書きなおしたウデマエアーカイブに、Flowをいれてみようと思って、しばらく色々と試したことのメモ、もとい奮闘記です。 Flow | A static type checker for JavaScript

Browserify x UglifyifyからWebpackへの移行

あっさりできたけど、一部つまるところもあったので一応メモっておく。タイトル以上のことは求めてなくて、いわゆる最小構成からはじめたい場合にもどうぞ。

AWS Summit Tokyo 2016 3日目に行ってきたメモ #AWSSummit

昨日の反省を活かし、今日はトラックを固定で攻めました。 というわけで、DevCon UseCase Trackに張り付いてました。というか、人が多すぎて移動する気にならん!

AWS Summit Tokyo 2016 2日目に行ってきたメモ #AWSSummit

1日目はエンプラ寄りな内容なのでスルーしました。そもそも応募した時点で既にセッション埋まりまくってたので、午後からぼちぼち行くかーと。 ちなみに明日の3日目も行ってきます。General ConferencceとDeveloper Conferenceって分かれてたけど、それでも…

第65回 HTML5とか勉強会 ー React最新情報 に行ってきたメモ #html5j

Angularの人が受付してるReactの勉強会に着いたやで— りぃ (@leader22) May 31, 2016 ちなみに、今年のHTML5 Conferenceは9/3(土)だそうです。

フロントエンドエンジニアが思うReact Native

いまさら感はなきにしも。Xcode7からお布施なしで実機インストールができるようになったので、これはもしやワンチャンあるかと思って調べたことのメモです。

#ウデマエアーカイブ をReactで書き直した件に関するメモ

スプラトゥーンのウデマエを可視化するサービスを - console.lealog(); イカのゲームが発売されたのが去年の5月。 ↑の記事を書いたのが去年の8月。 よもや1年に渡って同じゲームをやり続けることになろうとは・・・。

Service Worker 使ってますか?〜Frontend Meetup Tokyo vol.2 に行ってきたメモ #frontendmt

まさか2日連続で勉強会に行く日が来るとはー。ServiceWorkerそんな使ってないけども、とりあえずアップデートしときたい知識ではあったので行ってきた。

WebRTC Meetup Tokyo #10 に行ってきたメモ #webrtcjp

移転した21Cafeにはじめていった!

ng-kyoto Angular Meetup #4 に行ってきたメモ #ng_kyoto

実家に帰るついでに行ってきた && 話してきました。話した資料はこちらです。 知ってて得するVanilla JS 以降、他の皆さんの発表メモ。 電池がアレなのでLT分はありません!

Vagrantのsynced_folderはrsyncで

環境はVagrantで、でもコードはGitで、みたいな。 で、Gitのコードはホストにあるので、ゲストにはSynced Folderでーっていう。ありますよね、こういう経験。

Node学園 20時限目 に行ってきたメモ #tng20

Web

行ってきたよ! 受付してた青いシャツの人です。

タッチパネル x IEに関する指定たち

IE10とかWin8とかMetroAppとかなんかそういう手の話です。画面のズームを防ぎたくて、 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"> こういうの書けばいけるんじゃねー?って思ってたけどいけなかった。</meta>

フロントの奥深さに触れる〜Frontend Meetup Tokyo vol.1 #frontendmt に行ってきたメモ

Web

いってきたよ!

videoやaudioを扱う場合は、本番と同等のサーバーで開発すべし

とある案件で動画を`video`要素で表示するっていうごくごく普通なことをしてました。ただ、特定の条件が重なると動画がうまく再生されないことがあって、その原因を突き止めたうえでの学びをメモ(˘ω˘ )

Reactのコンポーネントに小文字を使うと

ダメです。ドキュメントにも普通に書いてます。 JSX in Depth | React

iOSでWebRTCが使えないからWebSocketとWebAudioで擬似ストリーミングしてみた

というわけで、またも会社の合宿で作ったものを紹介します。 そして前回に引き続き、なんかまた優勝しました(∩´∀`)∩ワーイgithub.comざっくりでよければ社内勉強会で発表したスライドがあるのでこっちを。 WebSocketでAudioStreamingしてみた

UIスレッドとWorkerスレッドで、コードの実行速度に差はあるのか

普通の処理をUIスレッドで実行するのと、いわゆるWorkerスレッドで実行するのでは、どっちが速いのか。用途とかはあるやろうけど、単にどっちが速いのかふと気になったので調べた。

WebRTC Conference Japan 2日目行ってきたメモ #WebRTCConfJP

昨日に引き続き、2日目。ただBiz向けではなくDev向けのTrackにずっといたので、偏りがありますw

WebRTC Conference Japan 1日目行ってきたメモ #WebRTCConfJP

2日間にわたって開催されるしスーツの人めっちゃ多いし同時通訳とかフリードリンクまであるしお金かかってるビジネス色の濃いカンファレンスやったかな?

Angular UI-Routerで、ui-viewな要素が増えていく

という奇怪な出来事に遭遇したのでその原因と対策をメモ。`angular ui-view dupulicate`とか調べてる人には一見の価値ありかもしれません。

Node学園19時限目 に行ってきたメモ #tng19

まさかの発表枠でそれはもうきんちょーしてましたが、なんとか終わりました。 ブログに書くまでがNode学園ですよ!

browserconfig.xmlとはなんだ問題

某サービスのエラーログを見てての気付きです。 聞き慣れないファイルやなーと思って調べてみたのでメモ。

#スーパーイカメーカー を支える技術

どうも、中のイカです。 昨日の15時頃に晴れてリリースしたコレですが、正直想定してなかったレベルで反響があって驚いてます。ikasu.lealog.netさてさて、というわけで恒例の裏側紹介記事です。

AWSのLambdaで、zipにしたコードを動かす時にハマったこと

短いコードならインラインで書いてしまってもいいですが、npmのモジュール使ったりするとインラインではダメで、zipで固めてアップロードする必要があります。簡単にできると思いきや、スッと動いてくれなかったので・・。 ハマったポイントのメモ。

petehunt/react-howto の日本語訳

petehunt/react-howto · GitHub これの、2016/01/07時点での日本語訳です。 更新は追わないと思うので、流し読みにどうぞ。

2015年の振り返り

Web

あけましておめでとうございます!ほんとは去年のうちに書きたかったけど、帰省するときにパソコン置いて帰っちゃったので、こうして今さら振り返るー。

2015年、Speech synthesisは使えるやつなのか

2015年も終わりですね。 さて、ふと思い立ってコレを調べてます。去年くらいかな?当初、使えるようでまったく使えないイメージがあったこのAPIですが、 はたして年末になった今、使えるAPIになっているのでしょうか・・・! Web Speech API - Web APIs | MDN

今さらcanvasにフリーハンドで絵が書けるライブラリ

20161119 追記: まさか使ってる人がいると思ってなかったけどいたので、`npm`から利用できるようにしときました を書いてました。 なんと7月に下書きしてたのでもはや覚えてません。でもきっとこの世の誰かの役には立つかもしれないので、いちおう記事にして…

特定の文字列の中に、特定の文字列が何回あったかカウントしたい

そして出来る限り速い書き方を知りたい。'1/2/3/4/5'って文字列の中に、'/'が何回出てきたかを取る例。

#ウデマエアーカイブ と ジェッカス と 私

Web

この記事は、Splatoon Advent Calendar 2015 - Adventarの2日目の記事です。Splatoonネタとはいえ、AdventCalendarなんて読むのはIT系しかいないと思うので、まじめ:ゲーム = 7:3くらいの比率でお送りいたしますwこのブログでは何回か紹介してますが、9月頃…

Firefox Developers Conference 2015 in Tokyo に行ってきたメモ #fxdevcon

Web

なんか他のカンファレンスとか勉強会と違って、BGM流れてたりライティングがなんかしゃれおつな空間でした・・! 同時通訳の機械みたいなのも全席にあったりいつもと違った雰囲気。客層もオジサンばっかりじゃなくて女の人も多かった気がする。 スタッフに学…

東京Node学園祭2015にスタッフ参加してきたメモ #nodefest

行ってきたメモシリーズの番外編。弊社はホームページのスポンサーなのでその作業をしつつ、当日もあれこれスタッフ業務してきました。 その名の通りほんと学園祭っぽくて、ただ一点早起きが必要ということに目を瞑れば、なつかし楽しかったですw肝心のセッ…

#ウデマエアーカイブ をVue.js@1.0.0にアップデート!

しました。 個人のサービスだと思い切ってやっちゃえるので良いですね。そんなに複雑な使い方してないので参考になるかは謎ですが、手順やら何やらメモっときます。

tmuxが[exited]とだけ言い残して起動しないとき

環境構築って大変・・。

次世代 Web カンファレンス に行ってきたメモ #nextwebconf

Web

nextwebconf.connpass.com聴いたやつは以下。 server_perf server_arch webrtc http2 front_arch フロントエンドエンジニアやってますがクライアントまわりは身の回りに聴いてる人いっぱいいそうなので、最後以外はサーバーサイドに寄ってみた。 資料がある…

Node学園 18時限目 Node.js v4.0の話 に行ってきたメモ #tng18

18時限目かー。 そして来月はNode学園祭ですね。

5分でわかった気になるWeb Notifications API

Web Notifications これを!5分で!

#ウデマエアーカイブ の利用者動向など

Web

ゲームの話じゃなくてちゃんとしたWebっぽい記事ですよ! 読み物としてお楽しみください。ハイカラシティでの人生をこじらせすぎてこんなサービスを作ったんでした。ika.lealog.netそしてこれを公開してはや1ヶ月が経ったので、その経過と学びについてです。

Polymer 1.0をさわってみて

さて、ここにこういうサイトがあります。nodefest.jp 実はこのサイト、噂のPolymerの1.0をふんだんに使ってます。 というわけで、そんなそこまでがっつり使い込んだわけではないですが、知見らしいものが一応たまったので・・。 まだ見ぬ未来のポリマリスト…