フロントエンドエンジニアのキャリアパス 〜 WebSig １日学校（未来のあなたとWebを変える１日）より
２０１１年９月１０日（土）に行われた「WebSig １日学校」に参加してきました。
いやーこの日は暑かった！！
しかも会場が遠い！！
ただ、個人的には高校時代の通学路とほぼ同じ道だったので、
通学気分を味わえたのがちょっと面白かった。
（遅刻しそうな感じまで同じでしたが・・・汗）
Read the rest of this entry »
サイトに表示させていたFacebookページが急に表示されなくなった!
なぞがとけたー。
やはり、access token が必要だった。
facebookページのウォールを自分のサイトで表示させるためには、
そのサイトのAPPを作成する必要があり。
https://developers.facebook.com/setup/
そのAPPのaccess token を取得する必要があった。
http://facebook.boo.jp/access-token%E3%82%92%E5%8F%96%E5%BE%97%E3%81%99%E3%82%8B
https://graph.facebook.com/oauth/access_token?client_id=YOUR_APP_ID&client_secret=YOUR_APP_SECRET&grant_type=client_credentials
↑ こちらの APP ID と APP SECRET をいれかえる
で、しかもaccess token を使うときには https:// にする必要がある。
https://developers.facebook.com/docs/reference/api/
こまめにチェックしておく必要がありますねー。
access token がなくても、期間限定で表示できるみたいで、
最初作成したときは、表示される。
あとで表示されなくなるので、気をつける必要ありですね。
追記（2011/07/03）
フォームを作ってみた
Git を Mac OS X 10.6.7 にインストールしてみた
ファイルのバージョン管理がしたくて、
最近よく聞くgitを試してみたかったので、Macに入れてみました
そもそもGitって何よ？というレベルで、いろいろ調べるところからスタート！
jQueryの処理がされるまで、ローディング画像を表示させる方法
ドキュメント（ ページ ）が全部読み込まれた後で
jQueryを発動されることが多いのですが
jQueryが発動するまではjQueryで
処理している部分は表示させたくない！
と思ったのでドキュメントが読み込まれるまで、
『 ローディングしているぞ！ 』
という画像を表示させることで対応するように変更しました。
jQueryでスライドショーを作成してみましたその２
また、自分備忘録的に
前回作成したjQueryのスライドショーとはまた別のスライドショーを作成してみました。
- メインの画像が横に変動するもの
- 矢印はなし
- サムネイルの部分は、『マウスカーソルが合っているもの』と『その画像がメインの部分に表示されているもの』がハイライトされる
という条件にて作成
Read the rest of this entry »
複数のセレクトボックスを連動させてみた
jQuery 逆引きマニュアルにある、
『 ６−９ 複数のセレクトボックスを連動させたい 』
を使って、リンク集を作成してみました！！
↑ こんな感じでセレクトボックスが選択した項目によって２項目が変化するもの Read the rest of this entry »
jQueryでスライド作成中
jQueryを使ってサムネイルをクリックすると
大きな写真が変わるスライドショーを作っております。
Read the rest of this entry »
初心者でもjQueryをスムーズに書いていくためのコツ
『 中村享介さんのJavaScript/jQuery入門講座 』にて教えていただいたことの
自分備忘録的に。
- JavaScriptがオフになっているときのデザインを考える
- アニメーションは考えず、ページが表示されたときの最初の状態を作る
- アクションに合わせて、動きを付け加える
jQueryを使って、リストをシマシマに表示しよう！
- 星
- カレイドスコープ
- 恋文
- 最愛の人
- in the rain
をリストをより見やすくするために、
- 星
- カレイドスコープ
- 恋文
- 最愛の人
- in the rain
と交互で色が変わるよう（ スプライト表示 ）にjQueryで設定する。
Read the rest of this entry »
jQueryを使うときに、まず最初にチェックすべきポイント
jQueryを使おうとして、コードを書いていざ適用させてみると
「んーおかしいなぁ～変わらないなぁ～」
あれこれ修正しても変化なし・・・
よくよくhtmlファイルを見てみると
「はっ！ファイルのパス間違ってた。。。」
なんてことがたまにあります。
しかも気がつくに時間がかかったりするとゲンナリです。。。
JavaScriptを外部ファイルとして使っている場合、そもそもそのJavaScriptファイルが正常に読み込まれているか、事前にチェックしておくと安心して作業できます！
これを怠って、コードを書いても、正常にファイルが読み込まれていなければ、当然のことながら適用されず期待通りの動きをしてくれません。
「あれ〜どこが間違っているんだろう？？」とJavaScriptファイル内を探しても答えが見つかるわけもなく、時間だけが過ぎていくというとても悲しい感じになってしまいます。
なので、まずは外部のJavaScriptファイルが正常に読み込まれているかのチェックを行いましょう！！
Read the rest of this entry »