正確には「js(に頼るのは)やめます!!!!」です。最近めっきりjsを書かなくなりました。自分の頭の悪さ故に頭打ちが見えたからですかね。あ、艦これやってます艦これ。Twitter氏が意識高くてすげーなとか最近思ってます。艦これ自体は3-2で止まってます。無駄話かつ愚痴になってしまったので本題に入ります。武器を増やしたいなーと思って。jsってjQueryとかcreateJSのお陰である程度のレベルまでは簡単に行ける分野だと思います。個人的な意見としては。武器を増やすためにこないだまでobj-Cやってました。diceで遊んでました。僕にはobj-Cは難し過ぎたので一旦手を離しました。弊社のイケメンエンジニアに「カジュアルにwebアプリケーション作るのに手っ取り早く何始めたらいいですかね」って聞いたら「そりゃおめぇRailsよ」って言われたので始めました。ちなみに僕はrubyド素人です。どのくらいド素人かというとまともに触ったのが今日bigindefってなんやねんCの#defineみたいなもんかという感じです。なんかruby素人以前に頭がおかしい感じしますがお気になさらず。botでも作るかーと思って以下の記事にたどり着きました。酒と泪とRubyとRailsと先に言っておきますと、6時間かかったのはこの記事様に責任は一切ございません。詳しい説明は省いてこの記事の通りにコードを書いて実行したところ動かない。|config|この行について、「configureとか知らんわpgr」って感じでした。さぁこっからが長かった。ここも長くなるので割愛しますが、ググって試してコケてを数回繰り返し、駆逐艦隊を遠征に出して3-2-1で主力艦隊をレベリングしてググって試してコケてを繰り返して5時間が経過しました。なんか変なの入ってますね。「なーんかjsのTwitter関連で前にもこんな困った覚えあるなー」と思って思い出したのが、TwitterAPIの1.0->1.1のアップデートでした。gemにそれに係る大きな変更があったらしく。|config|にしてclient.update(tweet)したら一撃でした。何はなくともドキュメントを読めって話ですね。いうわけで、obj-Cのときはブログ書かなかったんですが、長続きさせる決意表明としてブログ書きました。obj-Cを途中で投げてしまったコンプレックスがあるので、なんとしても頭打ちのところまでは続けたいです、Rails。なんかこう、ちゃんとツイートが飛んだとき、初めてjQueryでDOMいじっておもろかったときの気持ちを思い出してほっこりしました。次はこれを改造して、自分の一時間当たりのツイート数を監視して、一定数を超えてたら「親が泣いてるぞ」ってメンション飛ばすようなの作ってherokuに乗っけるとこまでやろうと思います。ところで俺、あたかも誰かが読むことを想定しているような口調でブログ書くけど、誰か読んでくれてるんかしらね。別に自分の備忘録でブログ書いてるわけでもないし、これでいいのかきっとP.S.先日、学部時代にお世話になった電気通信大学の西野順二先生の研究室ページのリニューアルをお手伝いしました。Bot@Rubyに6時間かかった話Tweet広告を非表示にするもっと読むコメントを書く2013-08-06絶対にクリックしてはいけないサイトというのがありましてね絶対にクリックしてはいけないサイトあ、デザイナーの佐藤ねじさんと一緒に作りましたシリーズ第5弾です。技術的なTipsはそんなにないんですが、ねじさんは本当にネタに尽きない人だなぁとつくづく思います。いう、人の無意識的な行動を誘発する仕組みは大好きです絶対にクリックしてはいけないサイト、クリックするとあるギミックが発動するんですが知らずにやると結構びっくりするんですね作ってる側はもう慣れちゃってびっくりしなくなってましたねじさん提案でサイトを作らせていただくのも5つ目になったのですが、僕からも何か提案してみたいなぁと思いつつも、ねじさんが喜んでくれそうなアイデアはなかなか出ないなぁと思いながら日々過ごしてます。APIのモダンブラウザ間の差異に関する考察お久しぶりです、わたしです。APIのモダンブラウザ間にある(と予想される)実装差異についてです。API自体につきましてはググってください。要はDOMを掴んで投げて落として、データの受け渡しとかイベント処理をよしなにできるAPIです、多分。});};3種類のDOM(imgを内包したdiv、img、div)をdraggableにし、dragstartイベントのリスナー内で、ドラッグ時のフィードバック画像を設定できるdataTransfer.setDragImageで別の画像を設定しています。右下に設置したdivにdropイベントリスナを貼り、alertを出すという、至極シンプルなものになっています。これをchrome、safari、Firefoxの3ブラウザでテストしてみました。あ、先に申しますと、僕みたいな適当な人間によるコードとテストなので、「違うよなんか、それは違うよかるね君!」って人は後ろから殴ってください。divをdragできないとなりました。Rocksこのページのサンプル、divにも関わらずFirefoxで動作しているんですはて、僕が書いたコードと何が違うんだろうと根掘り葉掘り調べてみたところ、dragstartイベント時にdataTransfer.setDataを実行しているか否かでした。細かい実装上の仕様については調べて追記しますが、そういうことのようです。上記コードでdataTransfer.setDataの行をコメントアウトすると、Firefoxで動作しなくなります。まとめると・webkit系ブラウザは、img要素を内包する親要素をdragしようとすると、dragstartイベントのdataTransfer.setDragImageが動作しない・firefoxは、img要素でない、若しくはimg要素を内包しない要素をdragする際、dragstartイベントのハンドラでdataTransfer.setDataを実行しないとdragができないということになります。違うという指摘がある場合はそっと声をかけてください(弱気)。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。