javascript

絵文字ライブラリのemojifyを修正した

概要 githubやqiitaなどで使える絵文字を使用するためのライブラリ「emojify.js」で、css的に使いづらい箇所があったので修正プルリクエスト出して取り込んでもらった。 コード changed css property by kambayashia · Pull Request #10 · heldr/datauri · G…

jquery-textcompleteでドロップダウンがウィンドウ外にはみ出る問題の対応

概要 画面一番下に入力ボックス置いて、そこでjquery−textcomplete使ったら候補表示のドロップダウンがブラウザ外に見切れちゃう問題が起きた。 一応表示位置変更でどのDOMにくっつけるかをオプションで指定できるっぽいけどよくわかんなかったから、とりあ…

絵文字のサジェスト対応でDataUri画像を使う

概要 emoji - 絵文字をサジェストで快適に入力する - Qiitaqiita.com 上記では画像ファイルを使ってるけど、配置とかだるいし、HTTPリクエスト数多いので、1リクエストで済むData Uri方式を使う CSS内の画像埋込で高速化(Data URI) - Qiita サンプル http://…

peerjs-server経由でチャット

概要 チャットとかのログを残すためにサーバ経由でチャットを送るようにしたかった。 それのためにシグナリングサーバに無理やりくっつけた。 実装 クライアント peer.chat()でチャットを送り、type:CHATのデータをチャットデータとして受信・処理する。 ユ…

peerjsでping-pong

概要 herokuでpeerjsサーバ動かしたら60秒くらいでWebSocketが切断する問題が起きた。 ドキュメント見たら、30秒?で切れるようなので、しかたなくping−pongを実装した。 WebSockets on Heroku | Heroku Dev Center 実装 クライアント 受信したPINGに返答を…

peerjsにルーム機能と切断検知機能をつける

概要 peerjsを使ってWebRTC実装したときに、FireFoxだとcloseイベントが通知されなかったので1meetingのjsを参考に、ルーム管理と切断検知を作ってみた。 コード サーバ kambayashia/peerjs-servergithub.com クライアント kambayashia/peerjsgithub.com ル…

YUI3入門

YUI3とは Yahoo User Interface Library3の略称。 yahoo謹製のjavascriptのライブラリ群。 参考サイト 公式サイト http://developer.yahoo.com/yui/3/ サンプル http://developer.yahoo.com/yui/3/examples/ APIリファレンス http://developer.yahoo.com/yui…