JavaScript

React + TypeScript で antd を使おうとしてハマったメモ

React でオシャレな UI を(特に苦労なく TypeScript と一緒に)使いたいと思い、Best UI Frameworks for your new React.js App. を参考にして、antd を選んだけど、なぜかスタイルが反映されなくて試行錯誤をしたメモ。 次のツイートのとおり、antd の iss…

Vue.js + Vuex + TypeScript を試行錯誤してみた

この1週間、Vue + Vuex + TypeScript の書き方を模索していた。 これといったデファクトはないっぽくて、結構大変かもという感想。 Anonyfox/vuex-store-module-example 版 色々ググった中で、まずは Vuex の Issue にあったやり方を試した。 state, getter,…

文字列をドットデータにしてSlackで遊ぶ

文字列をドットデータにするライブラリを作りました。utahta/dotmoji 例えばこんな感じに動きます。 このライブラリをざっくりとAPIしたものがこちら。utahta/dotmoji_app 文字列を渡すと、よしなに2次元配列化したjsonを返します。 これを使って絵文字でメ…

node.js と websocket を使ってチャットサーバを書いてみたメモ

node.js と websocket を使ってチャットサーバを書いてみたメモ。 さらっとブラウザ上で動作するリアルタイム通信処理が書けた。 以下、今回作ったチャットサーバのインストールや実行手順について。 環境構築 node.js をインストール。 $ git clone https:/…

localStorage でオプション設定の管理 その2

以前、localStorage でオプション設定の管理 というメモを書いたけど、それよりもっと良い管理方法があったので再度メモ。 JSON JSON.parse と JSON.stringify を使う。 JSON.parse はテキストをオブジェクトに変換してくれる関数。 JSON.stringify はオブジ…

localStorage でオプション設定の管理

Google Chrome extension のオプション設定周りについてのメモ。 localStorage は、データをローカルに保存したり管理したりする機能。 Chromeブラウザのキャッシュをクリアすると保存データも一緒に消えてしまったり。 永続的に保存することができるわけで…

FastLookUp for Chrome

2011.12.11 2011年12月1日にGoogle Translate API v1が利用できなくなりました。 そのため、当プラグインも動作しない状態になりました。 このまま公開していても意味がないので、公開停止したいと思います。 いままで使ってくださった皆さんありがとうござ…

ECMAScript, DOM仕様書

メモ。 MetaGraphic Cell B4F - Scripts

IE6 + https + iframe

iframeを使ったページをhttpsで開くと警告が出る問題。 何が悲しいって「IE6 + select + ポップアップ + javascript」で紹介したバグ潰しをうっかり適用すると、httpsに持ってったとき、警告が頻発する事に。 バグを解決する為に、バグを作り出すなんて本当…

Firefox + responseXML + 仕様

Firefox で困ったちゃんな問題に出くわしました。 XMLで 4096 byte以上のデータをjavascript側で受け取ってごにょごにょしようとすると、4096 byteで勝手に切り詰められてしまうという。 正確には、4096byteずつchildNodesに分割されてしまうみたいでした。 …

IE6 + select + ポップアップ + javascript

CSS の display を使ってポップアップ処理を作成した際の問題。 IE6 では select の zIndex が効かない為、select が常に前面にきてしまう。 (IE7 で修正されているようですが) これは、非常にうっとうしいです。 対処法を探した所、どうやら iframe を上…

Ajax + IE

Ajax楽しいよ。Ajax。 IEは、本当に世話がやけるうんこ。 まったくエラー内容は、意味不明で特定できないし。 ○○行目って、どのソースのこと言ってんの('Д')ハァ?だし。 W3Cをちょくちょく無視してくれるおかげで互換性とれないし。 アンチIE!! alertを仕組…

innerHTML

今日はとある仕事をしていたのだけど、innerHTML の挙動が IE と Firefox で微妙に違って戸惑った。 innerHTML に "" を入れると IE だと改行らしきものが入り Firefox では入らない。入らなくていいと思う。 謎すぎるし、見た目も崩れるし。 IE は本当にウ…

Ajax + PHP + prototype.js

prototype.js を使って Ajax を実装したメモ。 javascript のソースコード量がけっこー減った。 それに document.~って書かずに $('id') で済むのが地味に楽。 XML 形式でデータの受け取り。 protoajax.html ajax.js protoajax.php

Ajax + PHP

javascript の文法やらなんやらを勉強してたのは Ajax のため。 今回は、prototype.js を使わずに PHP と非同期通信してみたメモ。 便利な道具も、最初から頼ると細かい部分が分からなくなるもんね。 仕事でやってるわけじゃないし。 今回は、外部ファイルに…

javascript その2

さて javascript 第2弾。 手軽に楽しめるのが、この言語の良いとこだねぇ。 IEがもうちょい標準化されていればなー。 こいつが意外とやっかいの種なんだよね。 今日は、element とか。DOM テスト。 button change table タグの閉じ忘れでハマったー。 <table> と </table>…

javascript

オライリーのjavascriptの本を買った。 ブラウザで互換性がないとこが、めんどくさーてたまらんなぁ。 <追記> つか、さっそく互換性ないことしてたのに気づいた。 IE なんて使わねーもん!ってわけにはいかんよなー。 test textfield.