@monjudoh scriptタグ内を<!-- // -->で括ってからJavaScript書くのってどの辺のブラウザ向けにやってるんだっけ? #javascript
Togetter - 「scriptタグ内をHTMLコメントで括ってからJavaScript書くのって意味あるの?」
@monjudoh scriptタグ内を<!-- // -->で括ってからJavaScript書くのってどの辺のブラウザ向けにやってるんだっけ? #javascript
ISO 3166-1 alpha-2 - Wikipedia
A map of Europe, with ISO 3166-1 alpha-2 codes in place of the full names of countries and other territories. 'Exceptional reservations' codes CQ, EU and UK are not shown. ISO 3166-1 alpha-2 codes are two-letter country codes defined in ISO 3166-1, part of the ISO 3166 standard[1] published by the International Organization for Standardization (ISO), to represent countries, dependent territories,
Javaジェネリクスに関する資料メモ - 情報科学屋さんを目指す人のメモ
タグ Windows / インストール / Linux / 設定 / エラー / Java / Eclipse / AutoHotkey / TeX / C# / VisualStudio2008 / 対策 / Subversion / LaTeX / Vista / 方法 / CentOS / Android / Microsoft / Windows7 / Office / バージョン管理 / プログラミング / eclipse / PowerPoint / SSH / Ubuntu / WindowsVista / コマンド / ショートカット / .NET / Desire / VisualStudio / 便利 / P2P / Unix /
Java の enum - ぐるぐる～
イマドキの Java には enum があるんですよ実は、という話。 知ってるよそんなこと！な人は読むまでもないかも。 enum って？ 列挙型のこと。C とか C++ とか C# とかでおなじみのアレ。 単純な enum は Java でもこれらの言語の enum と同じような記述になるけど、これらの言語の enum が整数型をベースにしているのに対して、Java ではオブジェクトをベースにしている点が異なる。 まぁその話は後ほど・・・ 単純な enum ただ列挙するだけの enum なら、本当に C や C++ や C# とほとんど変わらない。 // 信号機の色 enum SignalColor { RED, BLUE, YELLOW } ただこれだけ。末尾には、余分なカンマがあってもいい。 enum SignalColor { RED, BLUE, YELLOW, } 更に、末尾にセ
Java を使うなら覚えておいて欲しい書き方 - 配列・リスト・マップ - ぐるぐる～
元ねた：Javaを使うなら必ず覚えておきたいデータ構造 - 配列・リスト・マップ - いろいろ解析日記 なんか色々と足りないよね、ってことで、色々と補足を。 配列 配列の生成 配列に含める要素が既に分かっている場合、例えば、 String[] strs = new String[2]; strs[0] = "hoge"; strs[1] = "piyo"; このような場合、以下のように記述できる。 String[] strs = { "hoge", "piyo" }; 独自のクラスだったとしても、 Hoge[] hs = { new Hoge(), new Hoge() }; と、普通に可能。 これを使うと、引数を 2 つ受け取って配列にまとめて返すメソッドは、 Hoge[] toArray(Hoge a, Hoge b) { Hoge[] result = { a, b }; retur
Slim3 for GAE/J ひがさん - uehaj's blog
本エントリは、エントリ「JJUG CCCいってきました」の一つです。 （補足）のところが主に自分で考えたところ。でも他にも暗に補完してると思うのでそこんとこよろしくお願いいたします。 はじめに Amazon EC2は仮想化サービスであり既存技術と連続 Google AppEngineは既存技術に対する制約が大きく連続性がない 制約とは Threadが使えない ContextClassLoaderが使えない セキュリティが厳しい。seculity.policyの設定が厳しい。 → Spring 2.5からコンポーネントスキャンというのをやってアノテーションを読み取るのだがそれは動かない。 Struts2の式言語はOGNLを使うがセキュリティマネージャを設定していると駄目 → nullにすれば良い ファイルに書き込みできない Apache Commonsのファイルアップロードはテンポラリファイ
高度な JavaScript 技集
JavaScript で作って意味があるのかどうか分かりませんが、作ってみました。 応用編 入力したテキストをページ上に書き出し、個々の文字をドラッグ＆ドロップ で動かせるようにする ソースを読んでも中身が分からない HTML を作成する パスワードチェックの部屋 (パスワードは「開けごま」ですが、HTML のソースや JavaScript を解析しても、絶対にパスワードが分からない仕組みになっています。) バー ライブラリ編 こんなの JavaScript で作るかよってな代物です。 できてしまったものはしょうがないでしょう。 utf.js (UTF-8 <-> UTF16 変換) base64.js (Base64 encode/decode) md5.js (MD5) des.js (DES 暗号化/復号化) zlib.js (JavaScript による zlib 実装、zlib
"display: block"なリンク - CSS Dencitie
よく、左そでにコンテンツの一覧を並べます。当サイトも例外ではありません。 当サイトはCSSを用いているのみであり、JavaScript等は用いておりません。しかし、ソースから見えるのは普通の ul と li 、それと a のみです。 このページでは、そのカラクリを簡単に紹介致します。完成型は以下の図のとおりです。 勉強する気のない人は、適当にコピーしてちゃっちゃと出ましょう。 メリット デザインにメリットというのも変な話ですが、幾つかあります。 まず、CSSそのものの利点ですが、プレーンでストリクトなHTML宜しく、ul、liとaのみですので、ソースがとても簡潔で、編集がとても楽だという点が上げられます。 また、お気付きの方もいらっしゃるでしょうが、行全体が選択範囲となっており、幾分アクセスしやすくなっております。 作ってみよう では、実際に一から作ってみましょう。 普通にHTMLを書きま
Eclipseの設定のデフォルト値を変更する方法 - Fly me to the Luna
Eclipseを使っていると、ワークスペースをまたいで値を設定したい場合が良くある。自分の場合、例えば行番号はどのワークスペースでも見られるように設定しておきたい。そういう時はどうしたらよいか。 まず、eclipse.iniに下記の行を追記する。追記するのは、-vmargsよりも前の行。 -pluginCustomization plugin_customization.ini 続いてplugin_customization.iniファイルを用意し、eclipse/以下に配置する。gistで自分の使っているものを公開している。これを使ってもいいと思う。もしくはeclipse/plugins以下に眠っているので、plugin_customization.iniを検索すれば、必ず見つかる。 種明かしをしてみる。このplugin_customization.iniは、起動時に必ず読み込まれている
Array に Hash を被せる(AOH) - latest log
配列を返す関数は、素の配列を返すよりも、first や last などの付加情報も一緒に返すといいんじゃないかな。 というお話です。 たとえば FakeArray → Array NodeList や arguments は FakeArray(Array Like Object) と呼ばれる擬似配列です。 FakeArray には join() や push() などの便利なメソッドがないため、FakeArray を一旦 Array に変換する(↓)toArray のような関数が、どうしても必要になります。 # Array.prototype.slice.apply(fakeArray) を使うケースは説明しないよ 素の Arrayを返す toArray 関数 function toArray(fakeArray) { // @param Array/FakeArray: // @ret
DOM Ready前にイベントを設定する方法（jQuery.liveの紹介） - KAYAC Engineers' Blog
健康診断で身長伸びてました。agoです。 今開発中のサイトで$().liveを中心にした実装を行っているので簡単にまとめてみました。 $().liveって？ jQuery 1.3系からサポートされた、イベントハンドラの設定用methodです。 $().bindとどこが違うの？ $().bindは指定されたhtml elementsに対して直接ブラウザの機能を使ってイベントを設定しますが、$(selector).liveは一旦document objectでイベントをキャッチした後、jQueryが発生元の要素とselectorをつきあわせて一致した場合イベントハンドラを呼び出します。 何がいいの？ 以下のような利点があります。 DOM Readyを待たずにイベントを設定できる。 通常jQueryでは$(function () {});（DOM Ready）内で初期化を行いますが、htmlの量
jQuery時代に生きるクロスブラウザ対応の知恵 8選 : tech.kayac.com - KAYAC engineers' blog
Auto Copyが移植されたらchromeへの移行を検討します。agoです。 jQueryを使用するようになってクロスブラウザを意識することは少なくなりましたが、それでもjQueryではカバーしきれない差異はそれなりにあります。 そこでjQueryを使っていてもはまる可能性の高いクロスブラウザのtipsをご紹介したいと思います。 1 Objectリテラル内の末尾カンマ { 'key' : 'val', } 上記のコードはIE6でエラーが出ます。 o = { ‘key’ : ‘val’, }; この動作はjavascriptの仕様からするとIE6の動作が正しく、本来であれば末尾のカンマは記述できません。 これは他言語でJSONを扱う場合でもエラーになるので注意してください。 また、Arrayの場合、Fxは上記と同じく要素が存在しないものと認識しますが、IE6は未定義値が定義されていると解釈
Firebugの意外と知られていない機能紹介（プログラマ向け） - KAYAC Engineers' Blog
羊毛布団を洗濯機にかけられないことを知りました。ago（@kyo_ago）です。 意外と知られていない機能が多い！？Firebugの使い方を見て、プログラマ向けも欲しくなったので書いてみました。 1. ショートカット一覧 以下のページでFirebugのショートカット一覧が公開されています。 http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts 取り合えず以下の二つだけでも覚えておくと効率的かもしれません。 F12でFirebugの有効、無効の切り替え 広いコマンドラインモード時にCtrl+Enterでコードを実行 また、以下のメニューからショートカットの変更も行えるので、他の拡張等とショートカットがかぶった場合でも別のキーで使用することが出来ます。 2. Firefox本体のツールバーに「要素を調査」ボタン Fi
Windows 7の便利なキーボードショートカット15選 | ライフハッカー・ジャパン
Windows 7用：プログラムを右クリックすれば、アドミニストレータで起動できるのは、誰もが知っているかと思います。一方、「Ctrl+Shift+ダブルクリック」でも同じ効果があること、ご存知でしたか？ Windows 7には、さまざまなキーボードショートカットがあります。しかし、意外に知られていないものも多いです。そこで今回は「Guiding Tech blog」に掲載されていた、Windows 7で使える便利なキーボードショートカット15選を、お送りします。 Ctrl+Shift+N：新しいフォルダを作る Ctrl+Shift+ダブルクリック：アドミニストレータでプログラムを起動 Shift+右クリック：詳細な「送る」メニュー Shift+フォルダを右クリック：コマンドプロンプトを開く Win+スペース：デスクトップの表示 Win+上/下/左/右：アクティブウィンドウへ移動 Win+
コーディング前に確認しておきたいこと。 - CSS HappyLife
CSS HappyLife ZERO が移転したのでお手数ですが、消えちゃう前にブックマーク等変更してもらえるととても嬉しいです。 制作会社でコーディングする場合、社内のガイドライン的なのが有ったりデザイナーもある程度固定されてると思うので、毎回似たような事を確認したりとか、このデザインはどういう意図なんだろう？ってのも、何度か同じ人とやってれば見えてくる訳ですが、フリーランスの場合だとデザイナーは毎回違っていたり、当然ディレクションをする人も違うので最初に確認しておきたい事が有ったりします。 って事で、その辺りをまとめてみたり、デザインを渡されたときにこのデザインの意図は？って思う事とかもばーっと書いてみます。はい。 なので、デザイナーさんもコーダーにデザインを渡すときに気をつけて欲しい点とかもわかってしまうすばらしい内容（だと良いな）！ じゃあまずは最初に確認しておきたい基本的なことか
Googleの検索ワード自動表示をもっと便利に使う、超カンタンな技 | ライフハッカー・ジャパン
Googleの検索機能のうち便利なもののひとつが、検索ワード候補の自動表示。検索の効率性が上がるのはもちろん、他のユーザさんが、どんなワードで検索しているのか？ を知ることで、世の中の流れやトレンドを感じ取ることもできます。 通常、Googleでは、検索クエリの後ろの部分のみ自動コンプリートしてくれるのですが、実は、ワードとワードの間に「 | 」をはさむと、これらの間を自動コンプリートするそうです。 たとえば、以下の例は、「How to」と「coffee」をはさんだときの検索ワード候補。「How to make iced coffee」（アイスコーヒーの作り方）、「How to brew coffee」（コーヒーの淹れ方）など、「コーヒーの～法」という形で検索できるというわけです。 Google検索は、いまや当たり前のツールすぎて、隠されたトリックには意外と気がつかないものですが、「ヤマト
css3で実装するドロップシャドウの応用・めくれた感じを作り出す - かちびと.net
css3で新たに加えられたドロップ シャドウを使って一歩進んだシャド ウを作るTipsです。画像でよく使わ れている、めくれた際に出来る様な シャドウをcssのみで実装。 以下のようなシャドウをcssのみで実装します。 CSS3 でめくれた感じのドロップシャドウを 下部の両端にドロップシャドウがあると思います。良く見る手法ですね。これを画像を使わず、css3のみで実装します。 cssとHTMLのソースは以下。 htmlは以下 <div id="shadows"> <article> <h3>CSS3 でめくれた感じのドロップシャドウを</h3> <p>下部の両端にドロップシャドウがあると思います。良く見る手法ですね。これを画像を使わず、css3のみで実装します。</p> </article> </div> css div#shadows { width: 559px; margin: 20
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Spriteを活用しよう - DesignWalker
IDEA * IDEA
Google Workspace 導入・活用支援｜株式会社ストリートスマート
