主に技術的なことを書くブログ

浅めにマークアップ&フロントエンドの技術的なことをメモしていましたが、ざっくばらんに書いています。

JavaScript

JavaScriptの、空のオブジェクトリテラル

JavaScriptのコードを読んでいたら、下記のような空の変数宣言みたいなのがあって var App = { }; なんやこれって思って調べたんですけども、空のオブジェクトリテラルというようです。 windowオブジェクトはどこからでもアクセス出来るので、名前が重複した…

「JavaScriptエンジニア養成読本」でUnderscore.jsの_.templateメソッドを使うところが動かない

JavaScriptエンジニア養成読本 [Webアプリ開発の定番構成Backbone.js+CoffeeScript+Gruntを1冊で習得! ] (Software Design plus)作者: 吾郷協,山田順久,竹馬光太郎,和智大二郎出版社/メーカー: 技術評論社発売日: 2014/10/18メディア: 大型本この商品を含む…

slideViewerPro 1.0の導入するときの-+の送りが出なかった

jQuery slideViewer 1.1 via kwoutslideViewerPro 1.0っていう、上の画像のjQuery slideViewer 1.1を元にして作られたJsスライダーがサムネイルとか出ててきれいなので使ってみようと思ってやってたら、デモみたいに、サムネイルの横の-+が出なくて、スクロ…

LightBox風ポップアップ「LightWindow」で同じドメインの下層ページを読み込む場合

僕が選んだわけではないですが、HTMLページをLightBox風にポップアップさせるのに、「LightWindow」というprototype.jsのライブラリを使ってみました。別ドメインのページなら、URLをそのまま書くだけでOKだったのに、同じドメインの下層ディレクトリからペ…

ホームページに文字サイズの調整ボタンJavascript

ホームページに、文字の「大」「中」「小」みたいなボタンをつけて、文字サイズを変更できるようにしてあるのをけっこう見ますけど、僕はあんまり好きじゃなくて(そういうことをさせないようにあらかじめ作るという意味で)。でも、介護とか眼科とかのサイ…

jCarouselのエラーの原因はCSSにあった

jQueryでカルーセル表示させるjCarouselをカスタマイズしようと、とりあえずCSSを読み込まずに組み込んでみたらjCarousel: No width/height set for items. This will cause an infinite loop. Aborting... というエラーが出て動かなかったので、いろいろ探…

Google AJAX Feed API を使ってRSSリストをページに表示させる。

MTとかワードプレスとかはそういうプラグインがありそうですが、普通の静的なページにRSSからの更新情報などを表示させたいときは、Google AJAX Feed APIというやつを使えば手っ取り早いみたいです。表示方法はいくつかあるみたいで、XMLとかでも吐き出せる…

まだまだできないことが多い。

これではダメだ、ということで、今、新しい個人サイトを作ろうと思って作っています。できないというのは、したいことがないわけで、したいことが見つかれば、それをするために必要な技術がついてくるというやり方です。というか、もうちょっと本質的にサイ…

Flashがどうもあれなので、swfobject 2.1を導入してみました。

SWFって、今はHTMLにやるだけではIEで表示されないようになってるみたいですね。ということで、swfobject 2.1を導入してみました。<div id="flashcontent"> <p><a href="http://www.adobe.com/jp/products/flashplayer/">Get!</a> Flash Player.</p> </div> <script type="text/javascript" src=/js/swfobject.js"></script> <script type="text/javascript"> swfobject.embedS…

JSValidateで日本語が文字化け。

とある入力フォームに、ちょっと良いところを見せようと、入力チェックAjax「JSValidate」を導入しようと思ったら、外国の人が作ったやつなので、日本語が文字化けする問題が起こりました。いろいろ試行錯誤して、HTMLの方の文字コードを"Shift_JIS"にしたり<form method="POST" action="" name="" accept-charset="utf-8"></form>…