Netlifyが日本からだと遅い - id:anatooのブログ

2020/08/03 404 users Netlify CDN SPA 結論 顧客

仕事で Netlify にデプロイしたSPAの読み込みが遅いので原因を調査してほしい、という依頼を受けてウェブパフォーマンス調査を行った。顧客から許可をもらって、この記事ではNetlifyに対してどういう調査をしたのかを書く。 結論だけをまず書くと、NetlifyのCDNのファイル配信パフォーマンスは日本国内からだと非常に悪... 続きを読む

TypeScriptの関数でDIパターン - id:anatooのブログ

2020/07/15 6 users TypeScript パラメータ 関数 依存 バックエンド

Node.js+TypeScriptでバックエンドを書いてると、DIパターンを使いたい場面が結構ある。 いわゆるDIと言うとコンストラクタインジェクションなどクラスありきの方法が思い浮かぶけれども、実際には関数でもDIパターンを書くことができる。単純に関数のパラメータに依存を受け取ればよい。 // 依存を表現する型 interface... 続きを読む

コードレビューは「コードの欠点を指摘する行為」ではない - id:anatooのブログ

2019/01/16 297 users レビュワー レビュイー 欠点 実力 行為

コードレビューを「コードの欠点を指摘する行為」だと無意識に思っている人を見かけるけども、そういうふうに認識しないほうがチームにとって良いですよ、という話。理由は以下。 レビュワーの方がレビュイーよりも実力が無いといけない、という認識と結びつきがち チームの若いメンバーがレビュワーになりづらくなる 古... 続きを読む

最新のウェブフロントエンド技術を無理してキャッチアップする必要はない - id:anatooのブログ

2017/12/28 266 users API 文法 新しいフレームワーク ツール 変化

2017 - 12 - 28 最新のウェブフロントエンド技術を無理してキャッチアップする必要はない ウェブフロントエンド技術は変化が激しいと言われるけれども、多くの人にとって最新のウェブフロントエンド技術を無理してキャッチアップする必要は無い。以下理由。 ここでいう最新のウェブフロントエンド技術とは、新しいブラウザのAPIや新しいJavaScriptの文法や新しいフレームワーク・ツールなどを指す ... 続きを読む

MastodonはP2Pではないという話、もしくはMastodonの脱中央集権の仕組みについて - id:anatooのブログ

2017/04/22 205 users Mastodon 分散 スライド 脱中央集権 分散型SNS

2017 - 04 - 22 MastodonはP2Pではないという話、もしくはMastodonの脱中央集権の仕組みについて Fukuoka.php vol22 にて Mastodon について話してきました。 Mastodonは最近盛り上がってる分散型SNSですが、その仕組みに興味をもったので調べてみたのが今回の話になります。スライドの中で主に説明しているのは、Mastodonが実装している分散... 続きを読む

JavaScriptのUIライブラリはどうあるべきかという話とOnsen UIのアーキテクチャ - id:anatooのブログ

2016/12/09 71 users モバイルアプリ UIフレームワーク CSS HTML 目的

2016 - 12 - 09 JavaScriptのUIライブラリはどうあるべきかという話とOnsen UIのアーキテクチャ Onsen UI Advent Calendar の12/9の記事です。 Onsen UI は、モバイルアプリのネイティブライクなUIをHTML + CSS + JavaScriptで簡単に構築することを目的としたUIライブラリです(UIフレームワークともたまに呼ばれます)... 続きを読む

JavaScript(ES2015)でvarやletを使う必要はほぼ無い - id:anatooのブログ

2016/04/16 301 users const Let foo var bar

ES2015でvarやletを使う場面はほとんど無いので、まずconstを使う。constだとダメな場合にはletを使う。 背景 ES2015では、変数を宣言するための文法としてconstとletが導入された。 const foo = 'foo' ; let bar = 'bar' ; constは再代入できない変数を宣言できる。letは再代入できる変数を宣言できる。 const foo = 'f... 続きを読む

JavaScriptでのDOM操作は重いのかという話とForced Synchronous Layoutについて - id:anatooのブログ

2015/10/14 423 users インタラクション ウェブページ DOM操作 パフォーマンス

2015-10-14 JavaScriptでのDOM操作は重いのかという話とForced Synchronous Layoutについて 2015年にもなるのにJavaScriptでのDOM操作のパフォーマンスについて書く。ウェブページにインタラクションを持たせたい時に、JavaScriptでDOM操作を行うことがよくある。このDOM操作のパフォーマンスについて、よく聞く意見を大別すると次の2つがあ... 続きを読む

JavaScriptをプロトタイプベースのオブジェクト指向言語と言うべきではない - id:anatooのブログ

2015/05/05 139 users プロトタイプベース オブジェクト指向言語 誤解 解説 ブログ

2015-05-05 JavaScriptをプロトタイプベースのオブジェクト指向言語と言うべきではない 勘違いしている方も結構多いと思ったので、これの解説。JSをプロトタイプベースのオブジェクト指向言語って言うの誤解しか産まない気がしてきた— anatoo (@anatoo) 2015, 5月 3ウェブ上の記事を眺めていると、JavaScriptをプロトタイプベースのオブジェクト指向言語(以下OO... 続きを読む

JavaScriptでパーサコンビネータのコンセプトを理解する(「正規表現だけに頼ってはいけない」の続き) - id:anatooのブログ

2015/04/26 259 users パーサコンビネータ ライブラリ コンセプト 正規表現 前回

2015-04-26 JavaScriptでパーサコンビネータのコンセプトを理解する(「正規表現だけに頼ってはいけない」の続き) 前回の記事の続き。前回は、正規表現が使えない時はパーサコンビネータを使ってみると良いということを書いた。パーサコンビネータのためのライブラリは、以下のように各言語ごとにいくつかある。 JavaScript - Parsimmon Ruby - rparsec treet... 続きを読む

正規表現ばかりに頼ってはいけない - id:anatooのブログ

2014/09/26 98 users パース 文法 万能 エンジニア 手段

2014-09-27 正規表現ばかりに頼ってはいけない 文字列のパースをする必要がある時、どんな文字列にでも何でもかんでも正規表現で処理しようとするエンジニアをたまに見かける。正規表現は確かに文字列を扱うための強力な手段だが、万能ではない。正規表現の性質上、そもそもパースできない文法があるからだ。従ってそういうケースの時には正規表現ではなく別の方法を使ったほうが良い。正規表現を無理やり使っても、バ... 続きを読む

はやわかりHTML5ハイブリッドアプリ開発事情

2014/05/26 514 users 久保田光則 ソフトウェアエンジニア ハイブリッドアプリ

はやわかりHTML5ハイブリッドアプリ開発事情 Presentation Transcript はやわかりHTML5 ハイブリッドアプリ 開発事情 第48回HTML5とか勉強会 アシアル株式会社 久保田光則 自己紹介 久保田光則 ‣ a.k.a id:anatoo ‣ アシアル株式会社所属 ‣ UI/UXデザイナー兼
 ソフトウェアエンジニア ‣ 社内雑用係 3 好評発売中! 今日話すこと ‣ H... 続きを読む

タスクランナーgulp最速入門 - id:anatooのブログ

2014/04/20 445 users ブログ

相変わらず仕事ではデザインやりつつJavaScript書いている。タスクランナーとしてGrunt.jsを使っていたけれども、使ううちに段々不満がでてきた。遅かったり、記述が冗長になりがちでつらかったので最近になってgulpに乗り換えた。gulpは良い。タスクは自動的に並列に実行され、かつストリームで処理されるので速いし、タスクの記述もストリームベースの書き方のおかげでGrunt.jsに比べるとだい... 続きを読む

UI/UXデザイナー兼ソフトウェアエンジニアにジョブチェンジを果たした - id:anatooのブログ

2013/03/25 145 users ジョブチェンジ ブログ

もともと只のソフトウェアエンジニアだったのですが、最近になって肩書きが長くなりました。 何やってるのかやることが増えました。 UI設計 ワイヤフレーム作成 ビジュアルデザイン プロトタイプ開発 開発エンジニアの頃は、一番下の普通の開発しかやってませんでしたが、ここ最近は上記のことをまんべんなくやっています。ワイヤフレーム作成では、アプリやウェブサイトの設計書となるワイヤフレームをOmniGraff... 続きを読む

殺伐とした黒い画面にカラフルなキャラがお出迎え - Shin x blog

2013/03/25 56 users 殺伐 vallog motd SSH via

一部では「黒い画面」と恐れられているターミナルですが、こんなキャラがお出迎えしてくれると気分も変わるのでは。 via: vallog: ターミナルに黒魔道士 via: PHPでターミナルに黒魔道士を出す – id:anatooのブログ ターミナルを開いたり、SSH でログインした時にキャラを表示させる方法です。 /etc/motd にメッセージを書くとログインした時に記述したメッセージを表示するこ... 続きを読む

自分が職を失った経緯 - id:anatooのブログ

2013/03/05 429 users 専攻 カリフォルニア RPG 哲学 エンジニア

この記事は、How I Fired Myself.という記事の試訳です。2010年の7月、私は22歳で、カリフォルニアのあるソーシャルゲームのスタートアップで働いていた。卒業したてで、私にとって初めての本物の職だった。給料をもらってアパートに住んだ。そのころ私は初めて大人になったような気分でいた。その会社の主力製品であるRPGのコードを書く二人のエンジニアのうちの一人が私だった。大学では哲学を専攻... 続きを読む

HTML5によるハイブリッドアプリ開発に関する雑記 - id:anatooのブログ

2013/02/10 6 users Fac AppStore COOKPAD 雑記 外面

HTML5でiPhoneやAndroid向けのハイブリッドアプリを作るのが最近の流行りみたいです。ハイブリッドアプリとは、外面は普通のアプリとしてAppStoreやGoogle play marketでインストールできるものの、その中身や一部はHTML5で記述されているアプリです。最近の有名な例だと、CookpadやLinkedIn、はてなスペース、少し前にネイティブに移行してしまいましたがfac... 続きを読む

Webプログラマーを志す学生さんがやっておくべきことは、目に見えるアウトプットを公開することだけ - id:anatooのブログ

2012/12/18 43 users アウトプット WEBプログラマー エントリ 学生さん ブログ

Webプログラマーを志す学生さんが、学生のうちにやっておきたい11の事 - Aggressive Style 5 「やっておきたいこと」ではなくてウェブプログラマになりたい人向けの話。上のエントリに即発されて(とかいいつつあまり内容を精読してないけど)自分の狭い視野で言えることを書く。すごい単純なんだけどたったひとつだけで、ウェブアプリひとつ作って公開してソースコードも公開しておくこと。これをやっ... 続きを読む

日本と海外エンジニアの「コミュニケーション能力」 - カレーなる辛口Javaな転職日記

2012/07/15 27 users 辛口Java 徒然 カレー コミュニケーション能力 転職日記

徒然, IT業界, エライ人http://d.hatena.ne.jp/anatoo/20120714/1342254336「海外」で普遍的なものなのかはわからないけど、サンフランシスコのミートアップのイベントやスタートアップに何度か連れて行ってもらってそう思った。あっちのエンジニアのコミュニケーション能力の平均値が日本よりも数段高い。そりゃあ，そういう場面にはコミュニケーション能力（というよりプ... 続きを読む

PHP5.4のtraitを使ったシングルトンパターン実装によるtrait入門 - id:anatooのブログ

2011/07/07 102 users trait プロパティ オブジェクト指向言語 PHP スライド

PHP5.4 alpha1がリリースされた。このリリースでは、PHPのオブジェクト指向言語の新たな機能としてtraitと呼ばれる機能が追加された。PHP5.4におけるtraitとは、型に影響を与えずにクラスに適用できるメソッドとプロパティの集合である。早速PHP5.4 alpha1をインストールし、PHP本体のtraitに関わるテストケースやtraitを実装したStefan Marr氏のスライドを... 続きを読む

Node.jsがどうして注目されているのか、もしくはどうして他のサーバサイドJavaScriptはスルーされているのか - id:anatooのブログ

2011/06/15 378 users narwhal サーバサイドJavaScript 実装 注目

サーバサイドJavaScriptにはNode.js以前にもいくつかの実装がある。ちょっと前に注目されかけたものだと、現在はAppcelerater社に買収されたAptana社が出していたJaxerなどがあるが、きちんと調べるとRingoJsやnarwhalやv8cgiなど選択肢の一つとして数えられるサーバサイドJavaScript実装がいくつかある。ただ、これらはNode.jsのように注目を浴びて... 続きを読む