jQueryコードリーディング:初期化まわりを詳しく、およびextend - <s>gnarl,</s>技術メモ”’<marquee><textarea>￥
前回は配列およびeachについて読んでいきました。 今回は、前回軽く触れたjQueryの初期化について詳しく見ていきたいと思います(クエリセレクタ/エレメント操作まわりの話はまた今度)。 対象 jQuery 1.5.0 よんでみよう jQueryのソースは、外側をfunctionで囲まれています。 (function( window, undefined ) { // さまざまな初期化 // ... })(window); このfunctionはwindowとundefinedという二つの引数を取っています。 javascriptのundefinedというのは未定義の値を表現するのに使われていますが、有名な話として、これは定数や予約語ではありません。 var undefined="hello"; alert(undefined); // "hello" このように、ユーザが同名の変数を定義
自分のTwitter上での全ツイートをバックアップできるフリーソフト「TwitterBackup」
Twitterを長く使っていると、過去の自分のツイートを見返したいと思っても「あなたのツイート」から何ヶ月分もさかのぼるのは大変。せっかくメモの代わりにツイートしたのに、ほとんど見返していないという人も多いのではないでしょうか。そんなとき役に立つのがこのフリーソフト「TwitterBackup」です。 TwitterBackupは、自分のTwitterアカウントのツイートを過去にさかのぼってバックアップし、XMLファイルとして出力することができるソフトです。ファイル名を指定しておけば、次回からは前回出力したXMLファイルに続きだけ書き足す差分出力も可能なので、ファイル管理の手間もほとんどかかりません。 「TwitterBackup」のインストール方法と使い方は以下から。Backup Twitter Tweets with TwitterBackup 上記ページの「Download Twit
新型はてなブックマークボタンを速くする
遅い原因も調べてますがとりあえずその辺は後述ということで、先に新型はてブボタンの動作を速くする方法から書いていきます。 まずはてブのボタン配信ページから貼り付けコードを取得します。こんな感じの HTML スニペットがもらえると思います。 <a href="http://b.hatena.ne.jp/entry/http://sakuratan.biz" class="hatena-bookmark-button" data-hatena-bookmark-title="さくらたんどっとびーず" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"> <img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリ
お気に入りの壁紙を使ってChromeテーマを作成する方法 | ライフハッカー・ジャパン
Chromeのテーマギャラリーがローンチしてからというもの、素敵なテーマが溢れんばかりの今日この頃ですが、それでもやはり自作してみたい、という方のためにChromeテーマの自作方法をご紹介。思っているよりも全然簡単ですよ。 実際、ChromeテーマはJavaScriptもHTMLコードも含まない単純なアドオンで、2つの構成エレメントからなっています。 その2つとは 画像 x 数枚 .jsonマニフェストファイル x 1個 これらのエレメントが.crx形式にパッケージされています。.crxファイル形式とはGoogle Chromeが使用しているZIPファイルのバリエーションの一つです。 下の画像を使って作成したChromeテーマが、そのもう一つ下の画像です。このテーマは下記に記したやり方で作成しました。 ＜ビフォー＞ ＜アフター＞ お気付きの方もいるかもしれませんが、背景画像に対して新規タブ
妄想：会社がコミュニケーション能力を求める理由 - 発声練習
私は大学教員以外の職についたことがありませんので、その点を考慮してお読みください。 会社が求めている能力は？ 経団連：2008年度・新卒者採用に�関するアンケート調査結果の概要より「企業が採用選考時に重視する要素」 「コミュニケーション能力」 76.6％（前年度79.5％） 「協調性」 56.1％（同53.0％） 「主体性」 55.2％（同51.6％） 「チャレンジ精神」 51.5％（同49.4％） 「誠実性」 40.0％（同 42.4％） 「専門性」は14位 10.3％ 会社が求めている能力はコミュニケーション能力。これは日本の会社が職務に適した能力で人材の採用を決めているのではなく、人を採用して、会社内で能力にあった職務に合わせるという制度をとっているためであると考えられるかもしれないけれども、一方で、コミュニケーション能力が求められるのにもある程度の理由があると考えられる。 コミュニ
WordPressをカスタマイズするなら絶対覚えておきたいテンプレートファイルの使い方
WordPressを使い始めた頃は、テンプレート階層、テンプレートファイルの上手な使い方などは、全く考えずに Webサイトを作ってました。 いまではもっと効率的に、もっとスマートにサイトを構築できるようになったかも！そのためにちょっと覚えておきたい、テンプレートファイルについてのあれこれをご紹介します。 WordPress というと、ブログ構築のための CMS（コンテンツマネージメントシステム）というイメージが強いですけど、一般的な Webサイトを作るの時にもとっても便利です。私も仕事で Webサイトを作る時に、WordPress で作成することがとても多いです。 WordPress はバージョンも 3.0 になって、カスタム投稿タイプやカスタムメニューなど、さらに CMS としても充実してきたように思います。 ブログと違って一般的な Webサイトは、そのサイトによって仕様が様々です。コン
PHPの日付文字列の解釈ルールがドキュメント化されました - hnwの日記
PHPのstrtotime関数やDateTimeクラスは、様々なフォーマットの日付文字列を解釈し、時刻として取り扱うことができます。たとえば次のような文字列を解釈することができます。 "Wednesday July 23rd, 2008"（＝2008年7月23日） "first Wednesday July 23rd, 2008"（＝2008年7月30日、PHP5.1.0以降） "first Wednesday of July 23rd, 2008"（＝2008年7月2日、PHP5.3.0以降） こうした日付の解釈はPHP独自の実装です*1。当初はGNUの日付記法に準拠していたようですが*2、今や別物といっていいでしょう。にもかかわらず、これまで解釈ルールの詳細を説明するドキュメントが存在しない状態が続いていました。 そのため、仕様を推測する根拠はstrtotime関数のサンプルコードとP
MacBook Pro のセットアップメモ
半年ぶりくらいに、Mac OS X のセットアップを行いました。今回はメモを残したので、ここに書いておきます。 システム環境設定 (System Preferences) まずは OS 寄りのところから整備しましょう。 Dock 不要なアプリケーションはすべて Dock から取り除いて、基本的に起動中のアプリケーションのみが並ぶようにします。まったく起動しないアプリケーションが貴重な画面内に領域を取るなんて、以ての外よ！「アクティビティモニタ」と「Quicksilver」は、いざというときにパッと起動したくなることがあるので、Dock に登録しておいてあります。 設定は、こんな感じ。 Expose なんとなくディスプレイの角に割り当ててあります。デフォルトでは Dashboard は「F12」で起動するようになっていますが、これだと Firebug とケンカするので、OFF にしています。
国内Webサイト参考デザイン一覧集 | Maka-veli.com
ん？タイトルの日本語、なんかおかしい？(笑) 自分用に、国内のWEBサイトサンプル集をメモ。 やっぱ国内のが参考にしやすいですよね。 ズロック http://www.zzrock.net/ 一番お世話になってます。 検索も楽です。 そしてサイト自体のデザインも好きです。 (黒×黒のロゴとかやっちゃうとこがまた良い) iKeSai.com http://www.ikesai.com/ なんか気楽に見れる。見やすい。 WEBdeDB http://www.webdedb.com/ 更新減ってきたけど、数多い。 (Faviconつけてほしいー…) WEBデザインの見本帳 http://www.web-mihon.com/ 印象から検索できるのは嬉しい。 サイトがかわいい。 webselection http://web-selection.com/ シンプル。み
業種別のブラウザシェア2011年版 | パシのSEOブログ
Webサイトを作る場合、どこまでのブラウザをカバーすれば良いのかで悩む事も多いと思います。現存する全てのブラウザでストレス無く見えることが最善ですが、コストや手間を考えるとそうも言っていられません。 ただ、100％は難しいとしても訪問者の90％には対応しておいた方が良いでしょう。しかし、訪問者の90％と言ってもサイトの規模や扱っている内容によっても変わってきますので、参考程度にサイト別のブラウザシェアを載せておきます。 以下長くなるので先に、感想を述べておくと、どんなサイトでもIE8が圧倒的なシェアで、IE6と7についてはだいぶ落ちていますが、まだまだチェックは必要でしょう。 Firefoxの勢いは相変わらずで、特にIT系のサイトの場合には、IEを凌駕しています。Google Choromeも順調にシェアを広げているようです。 また、Safariのシェアが伸びている印象を受けます。これはi
JavaScriptでお手軽にFacebookのアプリを作る - TechTalkManiacs
前々から書こう書こうと思っていた、FacebookのJavaScriptSDKの解説エントリーです。 APIや規格、HipHopやliftといったオープンソースなどの陰に隠れがちですが、このJavaScriptSDKもなかなか面白いです。 3行で解るJavaScript SDK 投稿・認証・署名を含めた全APIアクセスをサポート 公式なUIもついてくる Facebookアプリも、外部のマッシュアップサイトもこれ一つでOK つまり、これ一つで簡単なクライアント機能をもったサイトまたはFacebookアプリが作れちゃいます。 情報を取ってきてなにか書いてもらって投稿するのはもちろん、ちょっとしたクローリングをおまけにつけたアプリまでJavaScriptの範囲内で完結しますので、サーバー側で凝った処理を実装するのではなく、JavaScript側で可能な限り完結させるのがベストプラクティスといえま
少しのコードで実装可能な20のjQuery小技集
少しのコードで実装可能な20のjQuery小技集素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ 追記：この記事で紹介されているいくつかの方法が、今では CSS のみで実装可能です！詳しくは「かつては JavaScript を利用していたものの、今では CSS のみで実装できる 10 の小技」をご覧ください。 jQuery の基本的な使い方まずはjQuery 本家から jQuery ファイルをダウンロードします。<head> 内に下記を記述し、jQuery ファイルを読み込みます。 <script type="text/javascript" src
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Android UIのデザインパターンを集めた『Android Patterns』 | 100SHIKI