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

console.lealog();

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

次世代 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ヶ月が経ったので、その経過と学びについてです。

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

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

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

メモですよ。

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

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

転職しました

Web

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

ブラウザでも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…

さくら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(); 前者では、単に…

モバイル向けに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時代にはまったく使い物にならなかったこの指定、 最近はどうなの?っていう。

iOS8 x Safariでテキスト入力カーソルがスクロールできない

調べても情報あんま出てこなかったのですが、これ既知のバグですか? 知ってる方いれば情報求むです! How do I scroll horizontally in a single line t... | Apple Support Communities

DevTools State of the Union @jQuery UK 2015の要点まとめ

安定のAddy Osmani先生です。せっかく見たのでまとめておきます。 動画へのリンクは以下からどうぞ。 jQuery UK Conference - Oxford 2015 スライドもありますが、プレゼンの尺が足りてなくてあまりSyncしないですw DevTools: State Of The Union 2015 // S…

いわゆるSPAでGoogleAnalyticsを使う

日本語の記事引っかからなさすぎてちょっとひいた! みんな知ってて当たり前ってだけ?いわゆる最近のanalytics.jsってやつの話です。

nwjs(node-webkit)で作ったアプリを実行ファイルで配布するには(Windows/Mac)

何回も同じこと調べてる気がしたので今度こそ書いておく。 "大したことしない簡単なアプリ"(重要)であれば、この手順でいけるはず。

ReferenceError: Can't find variable: __gCrWeb とかいうエラー

window.onerrorとかでざっくりエラー拾ってて見つけたやつ。な、なんだこいつー

Frontrend Conference! #frontrend

Web

いってきたメモシリーズ。 聞いたのは以下のセッション。 Pragmatic Front-end Developer: From Artisan to Expert Reactive Programming in JavaScript [js] Introduction to React [js] Lightning Talks [css] Introduction to ServiceWorker [js] Evaluat…

html { touch-action: none; } に潜む罠

解決してしまったTap delay問題 #html5j 例えばこの記事を見て、 html { touch-action: none; } ってそのまんま書いてみちゃってませんか?実はこれ罠があるのでちゃんと意味を知っておかないと困ります。 そう、私のように・・。

HTML5 Conference!

行ってきましたレポ。大学の授業みたいで懐かしい感があったw 言うまでもなく1限は滑り込みセーフです。以下、聞いたやつリスト。 基調講演 Room A: プリンより滑らか。スムーズなアニメーションの作り方。 Room C: Web: Reboot Room E: 2015年これからの日…

Web API: The Good Parts 読んだ

Web

某氏にいわれて下書きまで書いてたのを思い出したので、要約ほどではないけど感想文として提出。個人的には第3章が良かったです。Web API: The Good Parts作者: 水野貴明出版社/メーカー: オライリージャパン発売日: 2014/11/21メディア: 大型本この商品を含…

2014年の振り返り

Web

今年もたいへんよく働きました。さて、来年はどうしましょうねってことで書き残します。

HTML Audioの使い方のまとめ

掘り出し物のメモを記事化して公開していく試み。今回はいわゆるaudioタグです。 いまブラウザで音を出すならどうするのって時の候補ですね。いまさらです。

ブラウザかWebViewか、どちらで開かれたのかを判別するには

あると思った? 残念、そんなものはない!とはいえそれは"厳密に"やる場合の話で、今現在はなんとか・・なんとか・・・。 これを良しとするかはあなたのココロ次第です。以下、奮闘記をお送りいたします。 20150813: 更新 ‘fullscreenEnabled’ in documentっ…

OSCON 2014: How Instagram.com Works; Pete Huntの要点まとめ

なんか最近こんな記事ばっかですが、まぁええよね!w今回はこちら。 OSCON 2014: How Instagram.com Works; Pete Hunt - YouTube Instagramがどうやって作られてるか、です。 Pete Huntさんは、FacebookでInstagramのエンジニアやってて、いま噂のReact.js…

JavaScript Memory Management Masterclass with Addy Osmaniの要点まとめ

最近こういうことよくやらなきゃなのでまとめました。以下のリンクにある動画とスライドのまとめみたいなものです! 自分用なので、細かいことは書いてませんが。 参考:Memory Management Masterclass with Addy Osmani - YouTube 参考:JavaScript Memory …

PHPのX-Powered-Byヘッダの消し方

なんか前にやった気がするけど、バージョンあげたら元に戻ってたので・・。作業ログは続きから。

MacOSでImageAlphaをCLIから使う

画像圧縮するならImageAlpha -> ImageOptimのコンボが割と良いですよね。 ただGUIで1枚1枚やるのは大変なくらい画像を扱うときがあり・・・。そんな時こそCLIということで、そのやり方をメモ。 正確には、ImageAlphaの中で動いてるpngquantを使うですけど。 …

HTML5のdata属性をキャメルケースで定義するとどうなるか

jsでは変数名をキャメルケースにしてて、どうせなら目につくとこ統一したいなーと思ったんです。 で、そういえばdata属性って最初からキャメルケースにしたらどうなるんやろー?って。 まあ結論からいうと、ダメですw

_.extend() は いわゆる"継承"ではない

どうも、JavaScriptゆとり世代です。 JavaScriptで継承ってキーワード聞いて、どんなコードを連想しますか?なんと私が最初に連想したのは、UnderscoreとかBackboneとかのextendでした・・。 ※注:うまくまとまる気のしないメモ記事です。

Nginxで特定のURLだけNodeにプロキシするには

久しぶりすぎてNginxの設定の書き方がまったく思い出せない・・。題名通りです。 全部Nodeでやってもいいんですけど、それはそれで何かと面倒なのでこうするのに落ち着いてます。静的ファイルは今まで通りApacheやらNginxで、動的なものをプロキシして・・っ…

Android(実機)でconsole.logできちゃうADM

ADM(Android Device Monitor)っちゅー便利なもんがあるんよ。ってメモをまさか70日前に書いて放置してたので放出します・・。 注:以下、Macでの話です。

Backboneで作ったSPAをMarionette化してみた

こないだ作ったのをMarionette使ってみよう!というわで、Marionette化してみました。 参考:leader22/simple-pokedex

Backbone.Marionetteのコード読んで日本語コメントをつけた

バージョンは1.8.1です。 (この記事書いてる間に最新バージョンが1.8.2になっててちょっとかなしかった。)Marionetteにはソースコメントつきのコードが見れるとこがあるのです。 参考:backbone.marionette.js それを、こう。 参考:backbone.marionette-ja.…

自分用のgruntのスターターつくった

毎回コピーしてくるのも面倒なので、ざっくり作った。

Compassのsprite-mapのlayout: smartでspacingを有効にする

ほんとはこうしたい。 $sprites: sprite-map("sprite/*.png", $layout: smart, $spacing: 8px); けど、今のCompassの仕様では、layout: smart の場合、spacing の指定ができません。 できてもいいと思うけど・・というわけで。 ちなみに、Compassのバージョ…

2013年度のモバイルWeb界隈ふりかえり

Web

年度の始まりなので、一応何かかっちりと書いておきたいと思って。 別に2013年度なタイミングではなんの考察もしてないんやけど、そこはご愛嬌。いわゆるモバイルを主戦場にしたソーシャルゲームとかそのへん界隈の話です。 その方面ではそれなりに信憑性は…

いまさらnode-webkitをさわってみた

去年くらいに一回ちらっと見た覚えがあるけども、 何事も遅すぎることはないという精神で。 参考:rogerwang/node-webkit

続・apple-mobile-web-app-capableの挙動について

昔(2013年の9月)、こういう記事を書きました。 参考: apple-mobile-web-app-capableの挙動について で、久々にどうなったかなーと思って試してみたんですけど、また仕様が変わってるっぽくて・・。 というのをメモ。iPhone5s x iOS7でチェック。

img src="" で無駄リクエストが飛ぶ問題

どうなるかっていうのと、どうすればいいかっていうのをメモ。 古いAndroidの特定端末で起こったりするのですが、 このバグ、最近のブラウザではもう解消されてるのかしら? コメントで頂きましたが、依然として起きるみたいです・・。

Vue.jsでViewにバインドした配列を更新するとv-repeatしてるViewがおかしくなる問題(があった

まさかの3日で過去の話になりました。 現時点で最新のv0.10.1ではなおってます! 某人のおかげか、こんな僻地ブログまでも来てくださる方が多いようですありがたやー。 そんなあなたにVue.jsネタをひとつ。タイトルが長いわりに、問題なのか、仕様なのかわか…