キーワード検索「すいか」
309
Webツール , キャリアアップ , 仕事術 , 趣味 無料でたのしく学べる、初心者向けプログラミング学習サイト「ドットインストール」 2012.03.29 12:00 コメント数：[ 0 ] Tweet 「ドットインストール」は初心者向けのプログラミング学習サイトです。約3分程度の短い動画を見ながらプログラミングを学習することができます。各内容は簡潔に分かりやすくまとめられおり、プログラミング経...
205
軽量でカスタマイズしやすいデータピッカー のjQueryプラグイン・glDatePickerのご紹介。 とてもシンプルで、4KBと超軽量です。汎用 的で使いやすいかなと思ってエントリー。 jQueryUIでもいいっちゃいいんですけど、 データピッカーだけならUIを入れる必要は 無いですしね・・・ 何かとシンプルな方が使いやすく汎用性も高かったりしますね。4KBは確かに軽いです。また、IE6や7など...
99
結構良さそうだったので備忘録。 レスポンシブWebデザイン向け のライブラリです。モバイルの サイズになるとグローバルナビ を横スライド式に切り替える、 というもの。面白いですねー。 これ結構いいんじゃないでしょうか。レスポンシブWebデザインにするとどうしてもナビゲーションが縦長になりがちなのでその不満は解消できるアイデアですね。 PathやFacebookのiPhoneアプリのような横スライド...
70
HTML5製のWebサイト向けUI専用の フレームワーク・Kendo UIのご紹介。 iPhoneなどのスマートフォンや、iPad などタブレットデバイスにも対応したWeb サイトのUI設計用に作られたようです。 使いやすいかどうかはおいておいて、 ちょっと見かけないのでメモ。 Kendo UIはHTML5とcss3、JavaScriptで構築されたWebサイト向けのUIフレームワークです。メニュ...
75
最近あまり見なくなってきたし、個人的にも使う機会も減ったLightbox系のプラグインを久しぶりに探したついでにメモ。またいつか使うときのために・・・ライセンス形態と対応メディアも付けたのでそれなりに見やすいかもかもかも。（デモもつけようと思ったけどめんどくさいからやめた・・・jQuery LightBox pluginいつものLightbox。お世話になった人も多そう。ページアーカイブ・デモ対応...
29
iPhoneやiPadなどのスワイプで動かせる カルーセルを実装する軽量なライブラリ・ SWIPEVIEWのご紹介。jQueryやmootoolsな どのライブラリにも依存しない、非依存型 の軽量スクリプトですので既存のサイト にも導入もしやすいかもしれません。 スワイプで動かせるカルーセルです。他ライブラリに依存しませんので使い勝手はなかなか良いかなと思いました。この手のはカクカクしがちですけど...
31
WebSocket, dotCloud, socket.iodotCloud が WebSocket に対応したという発表がありました。dotCloud Announces Native Support for WebSockets - dotCloud blogdotCloud は多くの言語やミドルウエアに対応していて、 CLI からアプリがデプロイできる PaaS サービスといった感じです。(...
29
要らないものを削った結果、記事が縦に長くなってしまうもんで、ページナビゲーション（前の記事、次の記事リンク）をどうしようかなぁとか思ってた。ちょうど、シロさん(@___shiro_)が大胆なナビゲーション云々とTweetしてたのを見て、なーるほどと思い実装してみた。こういったレイアウトのアーカイブのナビゲーションで、元のHTMLを一切触らずCSSだけで飛躍的に（？）ユーザビリティを高められるいい例...
31
http://d.hatena.ne.jp/gfx/20110206/1296979666JavaScript のライブラリやアプリケーションなどを JE でテストしたりするのは、筋が悪いとかんじます。創りかけのものを創りかけのものでテストするのは、時間の無駄になりやすいからです。最近では v8(の一ラッパーとしての node.js)やSpiderMonkey などが用意に手にはいるので、これを利...
14
NILScriptとはSpiderMonkeyを使ったJavaScriptベースのスクリプト実行環境です。(Windows専用+Wine環境でもある程度) 直感的に言うと、WSH + AutoHotKeyみたいな感じというのが分かりやすいかな。 できることなど細かい事はNILScriptのページやDocを読んでもらうとして、SpiderMonkey(JavaScript 1.8.1ベース)を使った...
11
昨日の記事で使ったブックマークレットを少し改造してみました。黄色い枠がついたよ！ボタン一つでここまでできるのはいいですね。春香さんはかわいい。 となりのイースラー ‐ ニコニコ動画(原宿) アイドルマスター 春香 「乙女よ大志を抱け!! ?１７才ver?」 ‐ ニコニコ動画(原宿)ジャンルで色を変えたりすれば分かりやすいかな？ 使用方法以下のコードを新規ブックマークに入れて、ニコニコ動画のページで...
10
Twitterの検索結果をリアルタイム表示するjQueryプラグイン「monitter」を紹介します。スクリーンショットは「Android」の検索結果をリアルタイム表示したものです。 このプラグインはやや古いもので、現在では公式の検索ウィジェットもありますが、公式のものは日本語の設定が面倒なのとデザインが限られるので、意外にこちらの方が使いやすいかもしれません。 １．機能 Twitterの検索AP...
13
JavaScriptはプロトタイプベースのオブジェクト指向言語で、 PHPやJava、C++などのクラスベースのオブジェクトとは 特徴や書き方が大きく異なります。今回は、PHPでオブジェクト指向開発の経験がある人向けに、 JavaScriptでのオブジェクト指向プログラミングの書き方を解説します。サンプルはすべてそのまま実行できるので、 FirebugなどのJavaScriptコンソールで実行して...
6
Doc Commentの必要性最近、JsDoc Toolkitの導入を考えてる。ライブラリとして抜き出したコードを公開しておきたいけど、ライブラリ自体の使い方を書いたページを準備するのが面倒だし、多分誰も見てくれなさそう。ソースコードの中にコメントとして使い方を埋め込んでおくと、見るべきファイルが1つで済むから良さそうだけど、どんな書式で書くと分かってもらいやすいかが問題だ。ツリー型タブのAPI紹...
4
programmingクロージャについては自分でも理解出来ているとは言い難く、誰かに説明することも出来ないので、クロージャのコードを書いたり紹介してみたいと思います。Perlでいうと、アルパカ本でも少し紹介されていましたのでそちらを見るとわかりやすいかもしれません。 クロージャとは？Wikipediaの概要には下記のように書かれています。典型的には、クロージャはある関数全体が他の関数（以下、エンク...
2
Wordpressには便利なプラグインがたくさんあってついつい多く入れてしまいがちですが、画面に表示させるタイプのプラグインは独自にスタイルシートを読み込んだりしています。 プラグインごとにファイルを別けた方がメンテナンスはしやすいかもしれませんが、外部ファイルはなるべくまとめた方がリクエスト数を減らすことができてパフォーマンスが良いらしいです。 プラグインによって自動的に読み込まれたスタイルシー...
2
セレクトメニューの選択肢を画像にする「Image Select plugin with jQuery」 Tweet セレクトメニューは文字列でイメージしにくい時があります。 そんな時、画像で選択肢を見せてあげると、ユーザーにとってわかりやすいかもしれません。 jQueryプラグインのImageSelectでは、これを簡単に実現できます。 使用方法 ImageSelectからファイル一式をダウンロー...
1
文字とか背景の色変えたいとか言われてカラーピッカーを探してみた。 一番に出てくるのはこれなんですがちょっと高機能すぎ。 かなーと思ってこっちにしました。 色相選んだりなんだかんだするよりはパレットが出た方が分かりやすいかと思いまして。 jQuery Color Pickerのダウンロードページ ただどうにもこの色の並びが気持ち悪くて 普段Fireworks使ってるからあの並びにしたいなと思ったんで...
1
はいどうも～。 季節の変わり目のせいか咳がずーっと止まらなくて、 予想に反して腹筋力が若干向上してしまった虚弱エンジニアの吉田だよ。今回は jQuery.tmpl() を紹介してみたいと思うよ。 （今回は口語調で書いてみるけど許しておくれ。この記事は夜中にお酒を飲みながら書いているんだ。）jQuery.tmpl() っていうのを、PHPプログラマ向けに簡単に説明してみようと試みると、 Smarty...
1
セレクトメニューは文字列でイメージしにくい時があります。 そんな時、画像で選択肢を見せてあげると、ユーザーにとってわかりやすいかもしれません。 jQueryプラグインのImageSelectでは、これを簡単に実現できます。 使用方法 ImageSelectからファイル一式をダウンロード。 <script type="text/javascript" src="jquery-1.6.1.min.js...
