BattleProgrammerShibata

ある日は誰かと戦い、ある日は何かと戦い、そしてある日は自分と戦うのだろう、そういう生き物。

WEB ブラウザで起きた JavaScript のエラーをサーバに送りたい

本記事は1分で実現できる有用な技術 Advent Calendar 2015の4日目の記事です。 WEB アプリケーションを開発していると「ユーザのブラウザで起きたエラーをサーバに送って DB に収集したい」という要望が出てきたり、外部からお願いされたりすることがありま…

React で要素のクラスを動的に付け外しするなら JedWatson さんちの classnames が便利

React 公式ドキュメントからもリンクされていました。 github.com すてきなドヤ顔。 Usage はかなりシンプルなのでそれ読めばすぐ使えるよ! …では味気ないので本日更新した MarkdownPreview の v.0.1.0 からコードを抜粋して利用例を紹介したいと思います。…

Markdown をリアルタイムプレビューできる MarkdownEditor (開発中)を公開しました

最低限の機能の実装が完了しましたので、github.io にて開発版を公開しました。 今回、私がReact.js と ES6 を学ぶためのテーマにしています。 MarkdownPreview In development version http://tomoyashibata.github.io/MarkdownPreview/ 今実装されているの…

React.js with ES6 で要素のフォーカスが当たった・外れたでクラス着脱させる

1つのイベントハンドラで出来ないかなと思ったんだけれど、どうも「フォーカスが当たった = onFocus」、「フォーカスが外れた = onBlur」 とそれぞれのイベントハンドラで拾ってあげなきゃいけなさそう。 React で定義できるイベントハンドラはドキュメント…

僕が JavaScript 開発をするときの ESLint の設定ファイルの基本形

eslint.org 目下のところ JSHint と JSLint 戦争は ESLint という第三勢力の登場によって僕の中でめでたく終結したので最近の JS 開発の際には ESLint を使っている。で、以下の .eslintrc (プロジェクト単位に作れる ESLint の設定ファイル)が僕の場合の…

Gradle の依存関係解決が Eclipse で反映されないとき

build.gradle の dependencies に依存解決のための行を追記しても、Eclipse パッケージ・エクスプローラの Gradle 依存関係にはすぐに反映されないことがある。 もちろん、この状態でそれらに依存したコードを書くと、認識されない。似たような事象は Gradle…

新宿御苑でラーメン/つけ麺を求める方を見かけたのでおすすめ3店舗を書く

[食べログ]アクセスが制限されています こんな特徴的な麺をつけめんに使っているのは今のところここしか知らない。 つけだれもいくつか種類があるので是非制覇してもらいたい。 落ち着いていながらも芯はしっかりしている和服美少女の味。 お見せの狭さもあ…

React.js と Flux について少し考え始めないといけない

非常に軽いアプリケーションとはいえ、Electron.js という舞台で自分がこれあったらいーなーと思うアプリを作ることが出来ているので、雰囲気は掴めてきている。 先人達のアプリのコードを参考にしたいところがあるのだが、そもそも React.js や Flux の概念…

pixiv の説明文を最初から全表示する CSS 書いた

CSS

ネタバレや著しい長文ならともかくこの程度の文章で「続きを読む」の中にイラストの説明文を隠すのが個人的に嫌いで、いちいちボタンを押すのも面倒だしどうせなら最初から全て表示したいという感があった。 で、それを実現するみっじかい CSS をサクッと書…

近況

天ぷらそばたべる-。 (@ そば処 越川 in 港区, 東京都) https://t.co/WfF3dwu8D4 pic.twitter.com/raT3P9gX4C— バトルプログラマー柴田智也 (@tomoya_shibata) 2015, 9月 29 特製つけ麺焦がしネギたべるー pic.twitter.com/MXxGIEtvYQ— バトルプログラマー…

劇場版 蒼き鋼のアルペジオ Cadenza を最前列から1つ手前で見てきた

報・連・相 - Wikipedia https://ja.wikipedia.org/wiki/%E5%A0%B1%E3%83%BB%E9%80%A3%E3%83%BB%E7%9B%B8 ・報告 おもに上司からの指示や命令に対して、部下が業務や作業の経過や結果を知らせることのことをいう。 ・連絡 職場の上下関係にかかわらず、簡単…

うたわれ2 ファーストインプレッション

(() => { var wantPillows = []; wantPillows.push('ネコネの抱き枕カバー'); }());

トレチケタイム Notifer on Electron.js 進捗

その日のトレチケタイムテーブルの ID 取れた pic.twitter.com/y73A8IxhiW— バトルプログラマー柴田智也 (@tomoya_shibata) 2015, 10月 2 cheerio-httpcli を利用した WEB スクレイピングが上手く進んでいるので、順調に解析が進んでいる。 ベタで設定した任…

Electron.js でデレステのトレチケタイムテーブル確認・通知するアプリを作っている

「デレステのトレチケタイムテーブルの確認と通知」とかいうちょっとした俺得アプリを作ってみるかと仕事中に思ったので作り始めた。せっかくなので Windows でも MacOS でも動かせる*1、Electron.js で作ってみることにした。 electron.atom.io Electron.js…

Electron.js で VisualStudio っぽい見た目

Electron.js でどこまでできるかなと思ったので。 なんか色おかしい。 まだできてないこと 最小化、最大化、閉じるボタン、リサイズボタンの表示 実装そのものはいたって簡単。ただし OS に合わせたボタンがやりたいなら自作するしかなさそう。OS のリソース…

Eclipse でもイミディエイトウィンドウしたい!

Java を弄るときはもっぱら Eclipse なのだが、デバッグ中に VisualStudio のイミディエイトウィンドウみたいなのって無いのかな使いたいな使わせろって思った。 そしたらあった。 1.デバッグ実行したプログラムをブレーク まずブレークさせないと始まらない…

[WinRT][WinodwsPhone8.1] インターネット経由で取得して Image コントロールに表示している画像を保存する

Twitter でソースコードを晒したらより冴えたやり方を雪猫さんが記事にしてくれた。 [WinRT] Image コントロールに表示している画像を保存するポップアップメニュー | 雪猫ノート http://blog.snowcait.info/2015/09/25/winrt-popupmenu-to-save-image/ この…

WindowsPhone 実機へのデプロイが突然失敗した話

WindowsPhone アプリを実機デバッグするためにデプロイしたところ、こんなメッセージが表示され失敗してしまった。 アンチユーザーフレンドリーなメッセージである。 問題なく動いていた前日のソースコードに手を加えずのデプロイだったので、プログラム的な…

MADOSMA をポリバケツにした話

MADOSMA バックカバーのバリエーションとしてポリバケツことブルーとオレンジが発表された。 www.mouse-jp.co.jp うつくしい。 マウスコンピューターダイレクトショップでは博多店が9月9日15時より販売が開始され、その他の店舗では9月11日から店頭に並んで…

Ajax 通信を任意のタイミングで中断する方法と、そのとき注意することの話

jQuery の $.ajax を用いた Ajax 通信処理を実装していると、「リクエストした Ajax 通信を中断したい」というストーリーに遭遇することがある。 こういうときは $.ajax が返却する jqXHR オブジェクト を変数に取得しておき、その中にある abort メソッドを…

さようなら Streamus

GoogleChrome で Youtube をバックグラウンド再生するのに最高な拡張機能、「Streamus」がしんでしまった。 Streamusstreamus.com 利用者には、Streamus を起動すると「Important」というタイトルで開発者 ショーン氏からのメッセージが届いているはずだ。 …

Json.NET で JSON をデシリアライズしてクラスに格納すると一部が null になるとき

C#

こんな感じの JSON をこんなモデルクラスに嵌めるとき、残念ながら一部の値は null になってしまう。 取得した JSON { "id": "hogeId", "ext": "hogeExt", "height": 768, "width": 1024, "source_url": "http://hoge" } C# モデルクラス public string Id {…

WindowsPhone の Dropbox と LastPass を組み合わせるとログイン時に不幸が訪れる話とその対処

WinodwsPhone といえば OneDrive !! …とはいえ、Dropbox との併用をしている人も少なくない。 Dropboxwww.windowsphone.com Dropbox はその利用の際に当然ながらログインをするわけだが、メールアドレスとパスワードを用いたごく一般的な認証、ユーザによっ…

WindowsPhone でフラッシュ発光禁止しているにもかかわらずフォーカス時にフラッシュが点灯する動作を解除する

WindowsPhone の標準カメラを使う際、フラッシュ発光禁止の設定をしているにも関わらず、フォーカス時にはフラッシュが点灯する場合がある。 一般的なデジタルカメラだと、撮影対象との距離測量専用のライトがあることも多いのだが、WindowsPhoneの場合には…

ST3 向けテーマ SetiUI のタブデザインが変わってしまった、それを元に戻す方法

2015年6月13日に ST3 向けテーマ、SetiUI が更新された。 2015年6月13日以前から ST3 で SetiUI テーマを使っていると、ST3 の起動時に「テーマが更新されたよ」というメッセージダイアログが表示されるようだ。 (キャプチャは撮り損ねた) で、最新テーマ…

スプラトゥーン買った

これを こうして こうじゃ スプラトゥーン楽しい 実に7、8年ぶりに家庭用ゲーム機に手を出した WiiU が思いのほか高くてンンッ゛ってなったんだけどコントローラがアレであることを考えると妥当なのかも。 ローラー手に入れてからどちゃくそ楽しい✌ ('ω' ✌ )三 …

テストランナー karma + テストフレームワーク jasmine の環境構築

2015年6月現在における JavaScript テスト環境はこの組み合わせが鉄板みたいなので。 前提条件 node.js npm (node.js が入っていれば npm も入っているはず) karma インストール https://www.npmjs.com/package/karma > npm i -g karma jasmine インストー…

IE11 で開発者ツールを立ち上げていないと ConsoleAPI や Ajax キャッシュ問題で稀によくしぬ話

GoogleChrome でも Firefox でも動くのに、 IE11 だけで上手く JavaScript が動かない問題に遭遇した。いずれもサーバとの通信に絡んだ部分である。 IE 独特の動かない JavaScript かなーと思い F12 キーを叩き開発者ツールを立ち上げて動きを確かめてみると…

実家暮らしの抱き枕erのために

「親バレ」という単語をご存じだろうか。 親バレd.hatena.ne.jp 単語そのものはずいぶんと前から存在していたが、インターネットが普及した今日において、それらが引き金となった親バレ、またはインターネットでの何らかの行為が親バレするという出来事で、S…

waifu2x-converter v1.0.0 for Windows を使ってみた話

waifu2x-converter v1.0.0 for Windows https://t.co/xogjqfT3ad オリジナルのwaifu2xから変換機能のみを抜き出し、Windowsで使えるようにしたソフトです。ローカルで動かしたい方もそうでない方も是非どうぞ!— アミーゴ (@WL_Amigo) 2015, 5月 26 先日、僕…