2014年1月25日jQueryで親要素や子要素を取得する方法jQueryで親要素や子要素を取得する方法をまとめてみました。なんだかんだで書いておかないと忘れてしまうので。親要素を取得するparent([条件等])直近の親要素のみを取得し、1つ上以上の親を探さない。2014年1月23日jQueryの.hover()をon()で使う方法こんにちは!jQueryで.hover()を使っていたのですが、ふと.on()で.hover()を使うためにはどうやるのだろうか・・・と思って少し調べてみたので書いておきます。.hover()を使ってみるまずそもそも.hover()の使い方ですが、以下のような感じになります。$(this).show(10);});マウスオンしてみる.on()で.hover()を書いてみるそれじゃぁ同じものを.on()で書いてみましょう。fancybox、とても便利ですよね。気軽にモーダルウインドウが実装出来るのでよく使ってるjQueryプラグインの1つです。今回そのfancyboxを使っていて、原因は不明なのですがなぜか発火しなかったときの対処法を書いておきます。原因不明なので詳しい方、ぜひとも教えていただけると助かります。普通fancyboxは.fancybox()で起動しますが、今回はなぜか起動しませんでした。以下のような方法で無理やりfancyboxを立ち上げました。});});fancyboxは$のあとの関数としても登録されているため上記のようなことが出来ると思います。参考になると幸いです。2013年8月28日ドットインストールで公開されているBackbone.js入門をCoffeeScriptで書きなおしたので公開しますみなさんこんにちは。最近はやっとJavaScriptをがっつりいじることが出来そうになったので、Backbone.jsに入門してみました。CoffeeScriptも便利だと聞いたのでこれも勉強してみました。勉強のためにドットインストールで公開されているBackbone.js入門の完成品を参考に、JavaScriptのコードをCoffeeScriptで書きなおしました。これからCoffeeScriptを勉強しようと思っている人に少しでも役に立てればと思います。2013年4月6日めちゃくちゃ可愛い「おけいはん」が好きすぎていつでもどこでも可愛い「おけいはん」が見れるChrome拡張機能作ったったみなさんはとても可愛い「おけいはん」というキャラクターを知っていますか?僕は数日前に知り合いに教えてもらって、初めて知りました。おけいはんって??「おけいはん」というのは、京阪電気鉄道が2000年12月より登場させているイメージキャラクターで2011年11月から5代目の畦田ひとみさんという方が担当されています。「おけいはん」は4代目まではタレントさんを起用されていたようなのですが、5代目からはより親しみを持ってもらうべく初めて公募したようです。その結果、選ばれたのが大学生の畦田ひとみさん。和風の雰囲気がとてもよく、惹かれるものがあります。Selector」ずれる。Web制作をしていて本当に困るのが、OSやブラウザによって表示が崩れていたりずれていたりすること。なったときによく行うのがCSSハックです。僕のブログでも一度取り上げました。CSSハックまとめただこの方法だとブラウザ毎の差異は吸収出来るのですが、OS間の差異が吸収出来ません。ほとんどずれることはないのですがたまにずれるのです。いうときに役に立つJavaScriptプラグインをご紹介します。(JavaScriptなのでJavaScriptをoffにされるともちろん動きません。いう人は既に一般的ではないでしょう。2019年7月16日CSSを早く書くことが出来るLESSに入門しました!みなさんはCSSの拡張メタ言語であるLESSを知っていますか?拡張メタ言語というのは、普通の言語とは違って、ある言語をより簡単に書くために作られた言語です。最近だと、CoffeeScriptとかTypeScriptとかが話題になっていますね。これらは全てJavaScriptの拡張メタ言語であり、CoffeeScriptやTypeScriptで書いたファイルをコンパイルするとJavaScriptを生成することが出来ます。今回入門してみたLESSはCSSの拡張メタ言語です。LESSで書いたファイルをコンパイルすると、CSSが生成されるわけですね。内容を日本語訳したものです。JavaScriptはすごい勢いで進化しています。常に全てのサイトに対して最新のJavaScriptを適用していくのはとても骨が折れる作業です。jQueryはとても人気のあるすぐれたライブラリであるが、いくつかのスクリプトは純粋なJavaScriptで書かれています。この記事では、共通の問題を解決し、あなたの時間を節約することが出来る便利な10のスクリプトを紹介します。これらのスニペットはほとんどがコピー&ペーストによって使用することが出来ますし、あなたのスクリプトに自由に埋め込んで使うことが出来ます。2012年10月6日nodejsのフレームワーク、expressを動かしてみるまで前回はnodejsをインストールするまでを書いてみました。今回は前回の記事を行った前提でお話を進めていきます。それでは始めて行きましょう。2012年10月5日さくらVPSにnaveでnode.jsを入れてみるいまだにnodejsを触ったことがなかったので今回触ってみました。感想としては、難しい印象を持ってたけどあっという間に入れることが出来るんだなぁって感じです。難しいことをせずともすぐに使い始められるって印象です。node.jsを触ったことがない人がいればぜひ触ってみてください。