静岡JavaScript勉強会に参加してきました。
花粉症が辛くて沖縄か北海道に移住したい、ポリドッグです。 3/14に我が祖国、静岡で開催された「静岡JavaScript勉強会」に参加してきました。 そして今回は僕も発表者としてPHPerから見た昨今のJsについてって適当なタイトルでしたが、ECMAScript6について少し調べたことを話してきました！ そうそう、@k…
javascript
56 件の記事
2015
mocha,chaiを使って、リダイレクトが正しいかチェックする
前回の記事で、リダイレクト設定に関する話をしました。 今回は、そのリダイレクトが正しく行われているかをテストしようという話です。 そもそもテストなんかしなくて、目視でいいんじゃないの？ たしかにそう思う人もいるかと思います。 しかし、リダイレクト先がたくさんあったり、301でリダイレクトしたいのに302でリダイレクトし…
2013
tssを書くのがだるいのでyamlを使って書いたというお話
alloyを使った開発をする際にtss書くのは正直面倒です。 そこでstylusを使って書くという選択をした僕ですが、どうもfontの設定とかネストされているtssがうまくstylusでは書けなくて悩んでいました。 例えば たとえばこういうstylファイル "Label": { font: { fontSize: 16…
titanium3.1.2とalloy1.2.0でアプリを作る
お盆最終日だし、ちょっとtitaniumを触ってみました。 なんかtitanium3.0.0の頃とは違っていたのでメモ プロジェクトを作る titanium create -p android, ios -n sample01 --id sample01.hoge.fuga alloyを使う alloy new この辺…
LeapMotion × reveal.jsでジェスチャーを使った操作
今日やっとLeapMotionと対面する事が出来ました。 近未来的なデバイスLeapMotion。最初話題になった頃に発売日を凄く楽しみにしていたのに延期されて一気に熱が冷めていましたが、せっかくなので購入してみました。 早速@nakajmgと一緒に遊びながら、適当にコード書いてみました。 実際何を作ろうか悩んでいまし…
nodejs入門、暑いからexpress3でメモアプリを作ろうその2 ログイン編
どうもこんばんは。 さてさて今回はログイン認証周りのお話をしたいと思います。 予定としてはこんな感じです url: /account ログインフォームページ url: /account/login ログイン認証 エラーだった場合は/accountに戻ってきます。 ということで順を追って説明します。 まずはログインん周り…
nodejs入門、暑いからexpress3でメモアプリを作ろうその１ 準備編
皆さんこんばんわ。最近は暑い日が続いておりますが、いかがでしょうか？ 僕はもう暑さんにうんざりしています。 さて、こんな暑い日は部屋に引きこもってエアコンの涼しさを感じつつコードを書くのが一番良いかと思います。 ということで、前々からちょこちょこ触っていましたが、真剣にnodejs触っていこうかと思います。 とうことで…
html2canvasを使って画像をキャプチャする
こんばんは。このブログにabで負荷テストしてたらうっかりadsense消すのを忘れて、アボセンスされた僕です。 さてさて、今日は皆様に超便利なhtmlキャプチャライブラリをご紹介しようと思います。 html2canvas こいつを使えば簡単にサイトの画像をキャプチャーできてしまうわけです。 でキャプチャするときにcan…
cakePHP+JQueryでajaxを使ってFormの内容をPOSTしてみた。その３(修正版)
前に書いた記事以下の二つの修正内容になります。 「cakePHP+JQueryでajaxを使ってFormの内容をPOSTしてみた。その２(修正版)」 「cakePHP+JQueryでajaxを使ってFormの内容をPOSTしてみた。」 このネタに関して書いた事もすっかり忘れている今日この頃です。 最近はnode.jsと…
DNodeを使ってnodejsからcakephpのModelとかrequestActionを実行する
全国のnode.jsとcakephp好きの皆さんこんばんは。 最近cakePHPで書いたコードをnode.jsに移植したいとか若干思った僕がいます。 趣味のプロジェクトとかなら、一気にコードの書き換えとかでもありですが、現実的なプロジェクトだと徐々に移行したいとかあると思います。 というか、既存のロジックも使いつつ、n…
JQueryでloadを使ったときのイベント処理(on)
久しぶりに懐かしい記事をみつけてしまいました。 「JQueryでloadを使ったときのイベント処理(hover)」 あの頃は若かったなー（笑） んで、まあこの記事って、menu用のhtmlをloadで呼んでて、load自体がajaxだからイベントが設定されてないよねーって話ですね。 で、その当時僕はliveとかdele…
grunt.jsをmacにインストールしてみた
最近はフロントよりな生活をしているポリドッグでございます。 んでもって、やっぱり色々とカオスな感じになってくるわけですよ。運用ってのは・・・ ってことでやっぱりモダンな感じのフロントエンドの開発がしたい！って事になる訳ですね。 で、じゃあどうしようかということで、まずはgrunt.jsの調査をしてみようと思いました。 …
2012
静岡JavaScript勉強会 #2でElephantJSのLTしてきました。
11/17に開催された静岡JavaScript勉強会 #2でElephantJSのLTをしてきました。 参加じたいは今回で2回目です。去年に引き続き、今年も良い刺激を頂けました。 この勉強会って他には無いなんか素敵な雰囲気があって、ほんと参加するたびによい刺激を受けます！ 主催してくれた、@tomofさんにはほんと感謝…
ElephantJsを作りました
ElephantJs作りました。 Javascriptのクラスだとおもった？ 残念、PHPのクラスでしたー（・∇・ ） ElephantJsはPHPからJavascriptを実行するためのクラスです。 動かすためにはV8jsが必要です。 ソースーコードはgithubに載っけてあります。 https://github.c…
iPhoneのsafariで傾きとか取得してみる
今日帰り道にjsで加速度とか傾きとかとれるよねって話をしていたので、書いてみました。 iPhoneのsafariとかなら普通にとれちゃうんですね。 つーことでサンプルのせておきます(DEMOはこちら*iPhoneでアクセスしてください) <!DOCTYPE html> <html lang="ja"> <head> <…
twitter bootstrapのcarouselで多めの画像を扱う
twitter bootstrapは本当に便利だと思います。 いつの間にか2.0になってさらに良い感じになっています。 で、今日の出来事なんですが、パワポのファイルが重すぎていやだなーって出来事がありました。 「パワポがだめならブラウザで表示すればいいじゃない」 ってことでパワポから画像に書き出してそれをブラウザに表示…
google maps api v3でリンクを押したらInfoWindowを表示させる
今更ながらgoogle mpas apiのお話です。 @motokixとaタグのリンクをクリックしたらinfoWindowを表示するにはどうやるかって話になったんで書いてみました。 jsonで緯度、経度、url、タイトルを持たせてそれをinfoWindowで表示するって感じです。 ちなみにmapのサイズはブラウザのwi…
2011
cakePHP+JQueryでajaxを使ってFormの内容をPOSTしてみた。その２(修正版)
最新情報！！！！ 新しく修正した記事書きました！！！ cakePHP+JQueryでajaxを使ってFormの内容をPOSTしてみた。その３(修正版) 前に書いた記事がselectやradioなどが存在する場合に動作しない事が判明したため、修正版を用意しました。 $(function(){ $('form').subm…
Titanium Studio
Titanium自体は話題になった頃に一度ちょっとだけ試して遊んでみたりしてたんですがAptana買収されてTitanium Studioになったので使ってみることにしました。 Eclipseなんで使いやすいwそしてJavaScriptでiPhone作れるとか楽しすぎますね。 おまけにAndroidでも動くwwwww …
GoogleMapAPI V3で緯度、経度を取得する
JavaScriptがうまく書けないのであまり良い方法ではないと思いますが、一通り動くように書いてみました。 markerの位置の緯度、経度を取得するようにしてあります。 ドラッグ&ドロップやクリックでマーカーが移動して緯度、経度が取得出来るようにしてあります。 だたなんかwindowオブジェクトさわってるのとかどうな…
2010
Anywhereを使ってフォローしてみたり
@AnywhereをつかえばJavascriptだけで簡単にさっくりとツイッタークライアント作れちゃったりもします。 しかし細かい制御したりしたいなーって考えたときには簡単にはできないようです。 たとえば、フォロワーボタン押されてフォロワーになったら、メッセージを表示しようとしても、コールバックの設定ができないので何も…
JQueryのloadを使った場合の不具合
動的なサーバが使えないときにはJQueryのloadを使ってヘッダーやフッターを読み込ませることって結構あるとおもいます。 非常に便利なですが、IE6のときはやはり注意が必要です・・・。（まあもうIE6に対応しなければならないってことはあまりないとおもいますが・・・) IE6対応させるときに、透過pngを対応させるため…
AjaxでShift_JISのファイルを取得する
Ajaxで、Shift_JISのテキストファイルを受け取って出力しようとしたらやっぱ文字化けた。。 取得するためのHTMLもShift_JISだし、いけるかなーとか甘い考えしてたら見事にだめでした。 原因としてはレスポンスヘッダに文字コードが含まれていないのでAjax的にはどうやらUTF-8だと認識していたようです。 …
thickboxでブラウザのウィンドウサイズによって可変させる。
thickboxでHTMLをiframeつかって表示させるときに、サイズを決め打ちにしなければならないみたいです。 デフォルトだとどうやら、横が「630px」、縦が「600px」のようです。 固定にすると、ネットブックとか小さい画面ではみれなかったりします。 リンクのパラメータで縦横のサイズを指定できますが、小さい画面…
2009
JQueryでloadを使ったときのイベント処理(hover)
2013/03/16 最新の記事更新しました。 ** この記事ははっきり言って古いです。参考になりません。 「JQueryでloadを使ったときのイベント処理(on)」を参照してください。** HTMLのbodyにヘッダーとかフッターとかメニューボタンとかページごとに毎回書くとメンテナンス性が低下するため、JavaSc…