タグ

ブックマーク / blog.webcreativepark.net (4)

  • JavaScript初学者の壁

    JavaScript初学者の壁 会社を作ってからいくつかの企業でフロントエンドの社内トレーニングや新卒研修、技術メンターなどをしており意外と「JavaScript初学者の壁」でつまづいている方が多いことに気がつきました。 JavaScript初学者の壁とは? JavaScript初学者の壁でつまづく人との特徴として以下の様な状況にある人が多いように感じます。 JavaScriptを覚えたい 入門書やネット上の情報で基は学んだ 業務ではJavaScriptをつかっていない このタイミングでは簡単なものでも思い通りに作るのはむずかしく、かといってどうやって学んでいけばよいかの道筋も見えなくなり、学習がストップしてしまいます。 ちなみに、記事はそれ以前の「入門書を読んでもわからない」という方は対象にしておりません。恐らく入門書の浮気ができていないと思われるので「これからjQueryを始める方

    JavaScript初学者の壁
  • スマホ用のブラウザ判別を行うための「 jquery.browser.sp.js 」

    スマホ用のブラウザ判別を行うための「 jquery.browser.sp.js 」 普段スマホ用のブラウザ判別を行うために利用しているjQueyプラグインを公開したのでご紹介します・ ダウンロード / GitHub 利用方法 jQuery体を読み込んだ後にダウンロードしたjquery.browser.sp.jsを読み込みます。 <script src="jquery.js"></script> <script src="jquery.browser.sp.js"></script> そうすると以下の様な$.browserオブジェクトが利用できるようになります。

    スマホ用のブラウザ判別を行うための「 jquery.browser.sp.js 」
  • jQuery基礎文法最速マスター[to-R]

    jQuery基礎文法最速マスター はやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> jQueryの記述場所 基的にはscript要素内の次の箇所に記述していきます。 <script type="text/javascript"> $(function(){ /*ここにjQueryを記述*/ }) </script> 上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。 <script type="text/javascri

    jQuery基礎文法最速マスター[to-R]
  • ユーザーがページのどこをクリックしたか解析するツール[to-R]

    ユーザーがページのどこをクリックしたか解析するツール ユーザーがどのようにサイトを巡回しているかはアクセス解析なのでわかりますが、ページのどこをクリックしたかも知りたくないでしょうか? 今回は、ページのどこがクリックされたかを解析するツールを紹介します。 Crazy EggはwebページにJavaScriptのコードを一行追加するだけでwebページのどこがクリックされているかを解析できるおもしろいツールです。 ちなみにto-Rを解析した所、このような結果になりました。 最初のエントリーの『続きを読む』にクリックが集中してますね。 CSSのカテゴリーページも結構人気っぽいです。 お約束として『パーマリンク』を用意しているのですが全くクリックされていませんので必要なさそうですね。 などアクセス解析やデザインを見ているだけではなかなか見えないwebサイトの性質が見えてきます。 セットアップ まず

    ユーザーがページのどこをクリックしたか解析するツール[to-R]
  • 1