読者です 読者をやめる 読者になる 読者になる

console.lealog();

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

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をふんだんに使ってます。 というわけで、そんなそこまでがっつり使い込んだわけではないですが、知見らしいものが一応たまったので・・。 まだ見ぬ未来のポリマリスト…

React.js meetup #2 に行ってきたメモ

いってきたシリーズが続いております。 つまりはメモ記事です。

東京Node学園 17時限目 と Web MIDI meets DIY #0 に行ってきたメモ

メモですよ。

スプラトゥーンのウデマエを可視化するサービスを

つくりました記事。 ウデマエ-アーカイブといいます。実は先週くらいに公開してたので今さら感はあるのですが、もしかしたら知らない人もいるかも知れないので書いておきます。ウデマエ-アーカイブika.lealog.net続きには、いちおう技術なブログなのでそうい…

転職しました

Web

そんなに長々と書くつもりはなくて、区切りなので一応書いておこうくらいのノリ。

NiftyCloudにNodeのサーバーを立てる

とある事情でやることになって、色々あったのでメモっとく。

ブラウザでもMQTTでメッセージングしたい!

調べたついでにメモを書き残します。 結局ブラウザでしか動かさないもののために、あえてMQTTを使う理由は私にはわかりません・・。

jQuery 3.0 and jQuery Compat 3.0 Alpha Versions Releasedの概要

まだアルファですが、みんな大好きjQueryのバージョンがついに`3`に! 公式からリリースノートが出てたので、いわゆるメジャーな変更の部分をかいつまんで訳しておきます。ちなみに、 jquery@3.0.0-alpha1: IE9以降などモダンブラウザ向け jquery-compat@3.0…

CAOS 2015 Summerいってきたメモ #caos2015

Web

CAOS 2015 Summer - 開発効率のツール開発とオープンソース活動 : ATND 懇親会前に退散したので聞けたのは、 LT:Introduction to WebP Android端末の動作検証:STFオープンソース公開 リアルタイム通信基盤:duck デザイン作業効率化:ImageHayabusa 以上、4…

textarea要素の文字数の扱いについて

textareaの闇を見たような気がした。これは、文字数のカウンターっぽいものを実装するときに気付いて調べたものです。 いわゆるmaxlengthの敷居と、jsから文字列.lengthで取れる値で、文字数のカウントが違う・・ってなったところが事の発端。 20150624追記 …

さくらVPSを再起動したらnginxで502

検索用ワードを散りばめたタイトルになってしまった感。うちのサーバーでは、 PHP(php-fpm)で動いてるサービス Javaで動いてるSubsonic Node.jsで動いてるサービス この3つがありまして。で、なんやかの脆弱性対応のせいで、サーバー再起動がかかったらしく、…

Safari 9.0の新機能の概要

以下の機能がSafari 9.0から追加されるそうです。 ホヤホヤ情報なのとざーっくり訳なので、間違ってたらごめんなさい!Safari 9.0developer.apple.com

Electron(旧Atom Shell)のwebview要素のサイズを指定したい

ドキュメント通りにやっても効かなかったのでメモっとく。

SPAのキホンのキ

SPAとはなにかをざっくり説明する記事です。対象読者は、 SPAってよく聞くけど実際どういう仕組みかわかってない SPAってのをつくろうと思うけどどこから手を付ければいいかわかってない いわゆるサーバーサイドエンジニアで、クライアントのことを少し知っ…

URLから#(ハッシュ)をはずしてリロードさせたい時

またiOSがやらかしたぞ! // これと location.replace(location.pathname + location.search); // これのどちらかと location.href = location.pathname + location.search; // これでは、動作が違う location.hash = ''; location.reload(); 前者では、単に…

Reactでちょっとしたサービスを作りました

みなさんマリオカート8やってますか? 200ccは速すぎて難しすぎるので、結局オンラインなGWですどうも。春になりDLCも増え、そろそろカスタマイズを一新したいとか考えてま・・すよね? そんなあなたのために、WiiUを起動しなくてもカスタマイズを考えられる…

モバイル向けにSPAをつくってた話

実は4月の頭にリリースされてて、今さら感のあるつくって"た"話です。 もちろん仕事でなのですが、ココはあくまで個人ブログなので、ある程度ぼやかしつつ書きます。知ってる人は知ってると思いますが、コレです。

Babelで top level this が undefinedになって困った件

ES6使いたいしBabelでやろう でも実行環境は今と同じ よってnodeでもブラウザでも動くようにしたい よーし、 ;(function(global) { class Foo {}; let isNode = 'process' in global, isBrowser = 'document' in global; if (isNode) { module.exports = Foo…

2015年版: ホームアイコンの指定方法まとめ

調べては忘れを毎回繰り返すのもなんだかなーと思ったので、まとめておきます。 ちなみに、iOS/Androidのことしか書きません。 iOSは5以上、Androidは4以上のOSバージョンを対象としてます。OperaとかMetroとかFireFoxとかは知りません!もっと頑張ってくだ…

モバイルブラウザからアプリを開くには

あいも変わらずモバイル情報です。成果物はこちら。 leader22/app-opener

最近のoverflow: scroll事情

もちろんモバイル情報です。iOS4やらAndroid2.x時代にはまったく使い物にならなかったこの指定、 最近はどうなの?っていう。