あかつきのお宿
日記の間
JavaScript
閑話技術
JavaScript
開発技術
PHPを使ってCSSの色をランダムに指定する
javascriptを使ってCSSの色をランダムに指定する
javascriptでsprintfを使うスクリプトもあるよ
チェックボックスの値についての些細な話（jquery編）
JavaScript
開発技術
jqueryでチェックボックスの値を取りたいんですけど
$(element).attr('checked')は取れたり取れなかったりする
.prop()を使うとだけ覚えとけばあとは何の問題もない
AngularJSで動的にフィルタリングしてみる（今回ご紹介するのは二つ）
JavaScript
開発技術
ng-modelを使ってフィルタリングする
ng-clickを使ってフィルタリングする
いやーやっぱりjQueryは便利だわー
AngularJSでorderByやfilterが効かないことがある（ような気がする）
JavaScript
開発技術
AngularJSのソートやフィルタリングをやってみるっすよー。
何かソートやフィルタリングが効かないことがあるっすよー。
画像はMVCの人文字です。
八万六千四百変化するデジタル時計いかがっすか〜
JavaScript
作品制作
デジタル時計を作ってみました。 まあ、作ってみたとは言っても、基本的にはこちらのTutorialzineさんが公開しているデジタル時計のソースをダウンロードしてきて、時刻表示以外のところを削ぎ落として、ちょび…
ミッションインポッシブル ～background-sizeをIE8に対応させよ～
JavaScript
開発技術
テッテッテッテ♪ テッテッテッテ♪ テッテッテッテ♪ テッテッテッテ♪ テレレ～♪ テレレ～♪ テレレ～♪ あ、これはミッションインポッシブルのあの曲です。脳内再生で夜露死苦。 さてさて。 …
jquery1.8にしたらanimateでbackground-positionを動かせなくなったって人は挙手をどうぞ
JavaScript
開発技術
はいはいはーい！ ノシ ということで、うっかりjqueryのバージョンを1.8に上げたら、今までanimateで動かしてたbackground-positionが急に動かなくなってしまいました。 以前、jqueryのanimateでbackgro…
jqueryのanimateでページ内スクロールをお手軽に実行しちゃおう
JavaScript
開発技術
jqueryを使ったページ内のスムーズなスクロール、移動ってのは、いろいろな人がいろいろなプラグインを公開しているおかげでよりどりみどりの風見鶏なわけですが、ごくごくシンプルなページ内スクロールでよければ…
リダイレクトせずにURLを変える（ただしHTML5に限る）
JavaScript
開発技術
例えばTwitterなんかもそうですけど、リンクをクリックしたときに、リダイレクトはしないのにアドレスバーのURLが変わってる、みたいなサイトを時々見かけます。 あれは、基本的にはアンカーを利用しているんで…
エンターーーーーイヤーーーーー
JavaScript
開発技術
ボディガードってのは、まさに字の通り誰かさんのボディをガードするのが役目なんですが、僕みたいな非力なピーナッツ野郎にはとてもそんな仕事は務まらないので、今日のところはかわりに、テキストボックスにフォー…
jquery1.7にバージョンアップしたらColorBoxが動かなくなったんだけど？
JavaScript
開発技術
jqueryでlightboxっぽく見せるColorBoxってプラグインがあるんですけどね。 それを動かしているサイトは未だにjqueryのバージョンが1.4のを使ってたから、そいつを1.7にバージョンアップしたわけですわ。 そ…
jqueryでアラート画面をかっちょ良くする（第二弾）
JavaScript
開発技術
javascriptのアラート画面をかっこよく見せるためのプラグインっていろいろありますよね。 今回はそのうちの一つである、jQuery uLightBox Pluginってやつを使って、良い感じにアラート画面を見せれるようにした…
jqueryのanimateでbackground-positionを動かそう
JavaScript
開発技術
※この記事の内容で動かすことが赦されるのは、小学生までだよね～……じゃなくって、ここに書いてあることは、jqueryのバージョンが1.7以下の場合に有効なようです。バージョン1.8以降を使ってる人は、こっちの記…
canvasタグを使って円グラフを描いてみよ〜
JavaScript
開発技術
HTML5にはcanvasタグというのがあって、これを使うと何かいろいろと図形が描けちゃったりするみたいなんですが、今回はそれを使って簡単な円グラフでも描いてみようかなと思います。 canvasタグがどんなものかに…
javascriptで有効数字に合わせた表示をしたい
JavaScript
開発技術
javascriptにMath.round()みたいな関数があるんですが、これだと強制的に小数点第一位の値を四捨五入して、つまり結果が整数でしか返ってこないっぽいんですよね。 とある数字を有効数字2桁で表示したいってとき…
アラート画面をカスタマイズする
JavaScript
開発技術
Javascriptのアラートダイアログ、ありますよね。 jQueryを使ってこのアラートダイアログをちょっちスタイリッシュな感じにしてしまいましょうというのが、今回の趣旨です。 jQuery Confirmというのがそれで…
スラッシュを甘く見過ぎてた
JavaScript
開発技術
一ヶ月くらい前に音楽の間にある全曲再生の部分が直ったどー的なこと書いたんですけど、実は直ってませんでした。 いや、でも確かにちゃんと動いてたような気がしたんですけどねぇ……幻想だったのかな。あまり…
ついに直りやがったぜ……
JavaScript
開発技術
以前、こんな記事を書いたんですけど、ついにあの問題が解決したぜ。文章だと平坦なテンションでこう言ってるように見えるかもしれないけど、実際はかなりやべーっす。周りに白いハトが200羽くらい元気に飛び回って…
タグクラウドをメニューに使ってみる
JavaScript
開発技術
お茶の間、小説の間、それから音楽の間を見ると、何かタイトルがぐるぐると動いているボックスがあるじゃないですか。まあ、マウスを合わせないとぐるぐると動かないんですけど。 これは、Wordpressのプラグイン…
jPlayerを使ってみた
JavaScript
開発技術
あ、どうも、マッチーです。 当サイトで実際に曲を再生してみた方もいるかもしれませんが、曲の再生にはjPlayerというプラグインを使ってます。 これはJavascriptを使ってMP3を再生しようというプラグインで…
Previous
