Javascript Super Mario Bros + Complete Level 1 and 2 + Map Editor マリオは、十字キー(方向)、「S」キー(ジャンプ)、「A」キー(ダッシュ)で操作できます。 「Map Editor」ではマップの編集が可能だと思うのですが、IE/Fxで試してみましたが、よく分かりませんでした。
あるページ(URL)にアクセスすると,自動的にほかのページにジャンプするリダイレクトは,ウェブサイトを構築するうえで非常に重要な仕組みです。しかし,ユーザーの知らないうちにページの移動を行うため,ユーザーを戸惑わせることにもつながりかねません。ユーザーを惑わせないためにはどうしたらいいのか,どういうリダイレクトならユーザーの感覚に合致するのか,ということについて考えて行きましょう。 リダイレクトをして,ほかのページにユーザーを導くという手法は,様々な利用方法があります。例えば,ページのURLを移動したり,サイトごとどこかに移動したりした場合に,移動前のページにアクセスしてきたユーザーを新しいサイトに自動的に移動させたり,アクセス解析や広告のCTR計算のためにクリック数などを取得したりする目的で使われます。携帯からのPC向けのページにアクセスしてきたユーザーを,携帯向けのページに移動させる利
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 「エクセルシートをHTMLテーブルに変換しちゃう君 」でカンタンテーブル作成 「エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)」は、エクセルの表を貼り付けるとHTMLのTableタグで表を生成、プレビューも表示してくれる便利ツール。以前紹介したサービスでは日本語を通すのにひと手間必要でしたが、今回はその部分でも問題ありません。 変換しちゃう君の特徴 「Tableizer」との比較にもなっています。 セル内での改行に対応 CSVにも対応 強固なセキュリティ性(サーバーとのやり取りなし) セルの結合が可能 正しいマークアップが可能 行ごとの色替えも設定可能 Class指定も細かく付与可能なので独自デザインも組み込みやすい サンプルテーブル T
PunyMCE TinyMCEの開発元として知られるMoxiecode社が、LGPLライセンスの元で開発・配布している軽量なJavaScriptエディタ。たった16KB(圧縮転送時は9KB)ですが、SafariやOperaも含めひととおりの主要ブラウザをサポートしています。TinyMCEの開発で培われたノウハウが生かされており、簡易ながらもカスタマイズしやすい仕組みになっています。 http://www.moxieforge.net/examples/punymce/examples/ サンプルはこちら。 http://code.google.com/p/punymce/wiki/Documentation ドキュメントはこちら。TinyMCEと同様、ブートストラップ(PunyMCE本体。puny_mce.js)の読み込みと簡易な初期化ブロックのセットで実装できるようになっています。主に
STEP1. エクセルとかからCSV (TSV)をコピーしてを貼り付け STEP2. オプションを選択して変換 細かい設定 列目までをTHEADとする。(0でTHEADなし) TBODYの行目までをTHとする。 TBODY THに深度を埋め込んだクラス名を追加する。(1〜) クラス名: " + n" ひとつめのTHに深度クラスを追加しない。(lv1を追加しない) n列ごとにTRにクラス名を追加する。(0〜) クラス名: 列数 : クラス名に列数を追加する。(nrow0, nrow1,,)
Best of 2008 - JavaScript | Design Shack 2008年に注目を集めた使えるJavaScriptライブラリ集が紹介されていました。 どれも非常に便利でサイト構築に役立ってくれるでしょう。 sIFR Lite Javascriptでテキスト文字列を綺麗な画像にしてくれるライブラリ。 画像部分にはFlashを採用している。検索クローラーフレンドリ。 <h3>How is this different than the original sIFR?</h3> ↓ DD_belatedPNG IE6でも透過PNGに簡単に対応させられるライブラリ The EqualHeights jQuery Plugin 異なる高さのブロックを統一してくれるライブラリ ↓ DD_roundies 角丸の簡単実現ライブラリ jQuery.popeye ポップアップではなく、サイト
アルツハイマー病などのさまざまな認知症疾患の原因の1つとして、脳内に「タウタンパク質」と呼ばれる物質が蓄積することが挙げられています。このタウタンパク質はグリアリンパ系といういわば「脳の廃棄物除去システム」によって除去されるのですが、老化が進むとこのグリアリンパ系が機能しなくなり、認知障害を引き起こすことがわかっています。ロチェスター大学医療センターの研究チームが、老化で機能しなくなったグリアリンパ系を改善する治療法を発表しました。 Restoration of cervical lymphatic vessel function in aging rescues cerebrospinal fluid drainage | Nature Aging https://www.nature.com/articles/s43587-024-00691-3 Cleaning up the agi
ヤフーの画像はなぜyimg.jpドメインなのか? サイト高速化の手法とヤフーの失敗例 でヤフーがなぜドメインを変えて画像サーバを運用しているかが書かれている.「静的なコンテンツに対してクッキーフリードメインを使うことによって速度向上を狙う」というのが理由とあって,これはこれでもちろん正しいのだけれど,これはどちらかというと副次的な理由で本当の理由は違う. クッキーフリードメインを使うことで悪意あるFlashコンテンツなどから自社ドメインのクッキーを守るためというのが本当の理由で,これはあちこちで使われているテクニックだ.Flashコンテンツは外部の業者さんに作ってもらったり,広告の入稿素材として入ってくるので,信頼できないデータとして取り扱う必要があり,万一まずいデータがアップされることがあっても大丈夫にしておく必要がある. 最近ユーザからの任意のコンテンツを受けつけて同一ドメインで配信し
以前、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論[絵文録ことのは]2006/11/25で、「実際にサイトを閲覧している人のブラウザーの横幅と、ブラウザーによる印刷上の制約から、特に画像は左端から640ピクセルくらいに収まるようにした方がよさそうだ」という結論に落ち着いた。これには、一行字数が多すぎると読みづらい、という、紙媒体の扱いも多いわたしの経験的な見方もある。 もちろん、これにはリキッドデザイン主義者の方から「ページ幅を指定するようなデザインであること自体が悪」という反応があったり、「印刷用CSSを使おう」といった反応があったりしたのだが、「印刷時のことを考えれば640pxという制約がある」という結論は特に揺るがなかった。 その後、今まで約2年経った。閲覧者の環境も変わり、当時主流だったIE6にはなかった「用紙サイズに合わせて印刷」機能を備えたIE7ユーザーも増
鍵っ子ブログ(Key Blog):Keyが大好きな鍵っ子によるKeyのファンサイト。Keyに関する情報・コラム・考察・ニュースが中心 リキッドレイアウトの是非について web屋を自称する人の主張が余りにも酷い。 「その余白、もったいなくない?」っていう自然な感覚とそれをなんとかしようとするWebデザイン魂を眼前にすると、「横幅はやはり800px基準でしょ」とか「いやそろそろ1024px基準でもいいかも」とかいう議論自体がなんだかむなしいと感じただけだ。 その余白がもったいないと思う感覚とどうにかしようとするデザイン魂 - Web屋のネタ帳 つまりweb屋のネタ帳氏の主張は「ディスプレイの解像度に合わせて動的に表示を変えるAmazonすげー。それに比べて楽天は左右に余白が出来てそのスペースがもったいない」らしい。 たしかにその主張は一理あるが、ではweb屋のネタ帳氏のサイトはどうか。 スペー
クールで使える機能をjQueryで実装したい。 そんなときに参考になるのが、『The 20 Most Practical and Creative Uses of jQuery』。実用的でクリエイティブなjQueryの使用例20選だ。 以下にいくつかご紹介。 ↑のキャプチャはFamSpamsのFaceBox。 James Padolseyのカラースイッチャー Dragon InteractivesのjQueryナビゲーション CarrotCreative-Customのlightbox Incredibleのログインフォーム その他のリストは以下から。 » The 20 Most Practical and Creative Uses of jQuery 実用的でクリエイティブなjQueryの使用例、チェックして参考にしてみてはいかがだろうか。 週初めですねー。がんばりましょう。
数々のセキュリティ事件の調査・分析を手掛け、企業や団体でセキュリティ対策に取り組んできた専門家の萩原栄幸氏が、企業や組織に潜む情報セキュリティの危険や対策を解説します。 過去の連載記事はこちらで読めます! ファイル交換ソフトウェアに関連した情報漏えい事件が今なお多く、公私での使用を禁止している企業が少なくありません。それでも、やむを得ず使ってしまうことが、どのような悲劇をもたらすのでしょうか。銀行員のN氏(仮名)を襲った事例を紹介しましょう。 真面目さが過ぎる故に N氏は典型的な真面目人間で、出世も同期の中では比較的遅く、50代前半で銀行の副支店長という肩書きでした。要領が良いタイプとは言えないのですが、実直で銀行業務という仕事をこよなく愛していた人です。そんな彼の人生の軸が狂ったのはある年の年度末のことでした。 この年は業績の計算数字がなかなか合致せず、翌週月曜日には本部で支店の業績を報
Webアプリケーションおよびサーバの高負荷時の挙動を確認する方法の1つが、擬似的に負荷をかけてテストを行うことだ。ここでは、そうしたテストを実施するフリーソフトウェアをいくつか試し、それぞれがどんなタイプのサイトに適しているかを調べた。 負荷テスト用のツールはいろいろあるが、メンテナンスが行われていないもの、フリーでないもの、インストール手順が明確でないものを除くと、curl-loader、httperf、Siege、Tsung、Apache JMeterの5つが候補として残る。 JMeterについては、すでにDaniel Rubio氏が取り上げているので、ここでは詳しく説明しない。ただし、最後のまとめでほかのツールと共に簡単に触れている。 curl-loader curl-loaderは、「SpirentのAvalancheやIXIAのIxLoadの代替として使える強力かつ柔軟なオープン
ちょっと時間がないのでなぐり書きです。 週末騒がれていたみたいですね 流れは、適当にブログとブクマコメント読んで把握していただけたらなあと思います。 http://d.hatena.ne.jp/webkit/20090108/p2 JavaScript なら IT戦記 http://d.hatena.ne.jp/ryocotan/20090107/p2 - ところてん - アットウィキ http://hachimitu.jp/blog/archives/2009/01/12214009.html http://d.hatena.ne.jp/sskhybrid/20090111/1231688328 [広告][DTP]ちょっと違うけど個人を中心に据えた広告 http://www.20kabu.com/blog/20090112.html#p01 http://d.hatena.ne.jp/k
Visual StudioやMS Accessの良い所は画面のデザインが誰でも簡単に作成できることだろう。そのため、整ったデザインにはならないこともあるが、それでも誰でも作成できてしまうというのは大きな利点だ。 ドラッグアンドドロップでWebアプリケーションの画面を設計できる Webの場合はHTMLを色々と修正する分、インタフェースの作成が面倒だった。そう、それは過去の話になるかも知れない。 今回紹介するオープンソース・ソフトウェアはSigma Visual Ajax GUI Builder、GUi並みの操作性でWebインタフェースを作成できるソフトウェアだ。 Sigma Visual Ajax GUI BuilderはWebアプリケーションを容易に開発することができるIDEライクなソフトウェアだ。多数のコンポーネントをドラッグアンドドロップで配置し、キャプションや値、アクションを指定でき
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32
はじめに Perlと言えば、いまだにCGIを思い浮かべる人は多いと思います。しかし、Perlは決してそれだけの言語ではなく、その言語仕様はテキストファイルを処理し、集計結果をレポートするのに非常に向いています。特によく利用されるテキストファイルとして、CSV形式が挙げられます。CSVを集計したい場合、Excelに読み込ませて集計関数やマクロを駆使しているという人も多いかと思いますが、Perlを利用することで、高度な集計作業を簡単かつ高速にできます。 本稿では、筆者がPerlでCSV集計を行う際によく使うノウハウを紹介したいと思います。 対象読者 まだ、Perl=CGIと思っている方。 65,536件を超える大量のCSVデータを前に、手も足も出なくなっている方。 必要な環境 テキストエディタ。 Perl 5.8.X。ただし、ほとんどのコードはそれ以下のバージョンでも動きます。 Perlのイン
この裏技は,ペリカン便で郵送される場合に限ります。なので,ペリカン便ではない,別の郵送会社の場合は使えません。佐川とかで送られる場合は,以下のtipsが有効かと。 住所の所に時間いれるwwww (例) 東京都渋谷区南平台町16-2987 ブルー北平サンシャイン(※夜8時以降配達希望) Amazonで時間指定配達する裏技wwwww : 2chコピペ保存道場 で,ペリカン便の裏技を使ったAmazon配達日指定方法は,以下の通り。 ご注文の発送メールが届く ↓↓↓ メールに記載されてる伝票番号でペリカン便の再配達を頼む(ペリカン便のWebサイトで) ※補足 ↓↓↓ 再配達で指定した日付・時間帯に届く つまりは荷物が届く前に再発送をお願いするってこと。なんとなくできるんじゃないかとひらめいて試してみたらちゃんと指定した日付の指定した時間帯に届いたので、いつもこの方法を使って配達してもらってる。知っ
ドラゴンクエスト(以下ドラクエ)のモンスターにはひらがなが多用されていると以前のエントリで述べてきたわけだが、ドラクエのモンスター名には所謂コテコテに和風の名前というのが無い。ひらがなを多用するならもっと日本の妖怪の名前とか使用した方が楽だとは思うんだけれども、「ひとつめピエロ」、「どぐうせんし」、「おにこぞう」など、ひとつめこぞう、どぐう、おに、っていう和風な素材をそのまんまは使用せずに、アレンジを加えて和風っぽさを極力出さないようにしている。 しかし、そんな中シリーズ通してたった一体だけ、例外的に思いっきり和風な名前のモンスターが存在する。それは「やまたのおろち」だ。 「やまたのおろち」が登場するのはドラクエ3のジパング、要は思いっきり日本を意識して、アレンジしたエピソードなわけだけれども、このエピソードには、他にも様々なドラクエにおける例外的な要素が存在する。 伝説的なアイテムの借用
Googleが、新たにHTTPS限定ブラウジングモードを備えたGoogle Chrome 2.0のプレベータ版を静かにリリースした。 この新機能は、「Google Chromeのショートカットに--force-httpsを付加する」ことで、有効なセキュリティ証明書を持つウェブサイトだけを読み込むようになるというものだ。Googleは「SSL証明書にエラーがあるサイトは読み込まれない」と説明している。 またこの最新版のChromeでは、WebKitとV8 JavaScriptのエンジンもアップデートし、SafeBrowsing(マルウェア・フィッシングに対する保護機能)の実装を改善し、HTTPのネットワークプロトコルの処理に新たなコードを導入している。 変更点の詳しい情報については、Googleのリリースノートを参照してほしい。 また、以下の記事も参照してほしい。 Google Chrome
2009/01/14 アイ・エム・ジェイ(IMJ)は1月14日、慶應義塾大学経済学部・大学院経済学研究科のWebサイトのリニューアルを手掛けたと発表した。「伝統と革新」をコンセプトに設定し、情報設計、デザイン、構築とトータルにリニューアルを支援したという。 リニューアルで注力したのは「大学のWebサイトらしさ」ではなく、「伝統と新しさが宿る経済学部の佇まいやその特徴」。パネルアイコンを使うことで情報の一覧性と視認性を高めて、情報に素早くたどり着けるようにした。Webサイトのレイヤは3層までにし、閲覧者が迷わずに使えるようにした。 Webサイトのデザインには日本古来の建築や彫刻に使われてきた「大和比」(1:√2、白銀比ともいう)を採用。この大和比に基づいてデザインしたパネルアイコンや画像を配置することで、慶大の「不変・安定・歴史」を示すという。 慶大のWebサイトでは2008年12月にリニュ
Windowsのみ:『IndexYourFiles』はめちゃめちゃ軽いポータブルファイルインデクサー。記録も残さずに実行できるので、あらゆるシチュエーションで活躍してくれそうですよ。 アプリを解凍したら、実行し、フォルダ・ローカルドライブ・ネットワークドライブを割り当て、インデックス作業を開始させます。プログラム内でプロフィールを保存出来るので、自宅、職場、または作業ごとに、検索するドライブを一部のドライブに制限することも可能です。インデックス作業も高速。さすが検索エンジンなだけあります。テストで110GBのデータにインデックスを付けたところわずか数秒で完了。 例えば、職場でデスクトップ検索エンジンがインストールできない場合などでも、このアプリなら使用可能なはずなので、ぜひ試してみてください!もっとファイルインデクサーについて調べたい方は『Locate32』あたりからどうぞ。情報提供ありが
NTTデータCCS、アウトソーシング事業本部 ネットワークサービス部 シニアセキュリティスペシャリストの長谷川武氏 昨今、情報セキュリティの維持は企業において重要な課題となっている。特に2008年は多発したSQLインジェクション攻撃によりWebサイト改ざんや情報漏えいが引き起こされ、Webアプリケーションセキュリティ(WAS)の重要性を心に刻みつけた1年だった。 なぜ、Webアプリケーションの脆弱性はこうも甚大な被害を生み出すのか。WAS事業を展開している住商情報システム(以下、SCS)主催のWebアプリケーション開発者向けセミナーに登壇した、NTTデータCCS アウトソーシング事業本部 ネットワークサービス部 シニアセキュリティスペシャリストの長谷川武氏は、次のように説明する。同氏は脆弱性検査の豊富な経験を持ち、IPAで非常勤研究員としても活躍するWASの第一人者だ(なお、細かい表現は筆
「Suica(スイカ)」や「PASMO(パスモ)」などICカード乗車券専用の自動改札機の導入が鉄道各社で進む中、視覚障害者の間から不満の声が出ている。 視覚障害者は改札機が表示する残高が見えないことなどから切符を使う人も多いが、ICカードと切符の両方が使える従来型「併用機」と、ICカード「専用機」との区別がつかず、専用機の前で立ち往生してしまうという。 専用機の配置場所は駅ごとに異なっており、識者から「配置する際のルールを考えるべきだ」との指摘が出ている。 2001年に導入が始まったICカード乗車券は、カードをかざすだけで改札機を通過でき、切符を買う手間が省けるため、急速に普及が進んだ。鉄道会社での利用率は約7割に達する。 当初は、ICカードと切符などが両方使える併用機だけだったが、ICカードが普及したため、JR東日本の場合、2005年2月に新宿駅で初めて専用機を正式導入。昨年3月末時点で
Expired:掲載期限切れです この記事は,ロイター・ジャパンとの契約の掲載期限(30日間)を過ぎましたので本サーバから削除しました。 このページは20秒後にNews トップページに自動的に切り替わります。
ブラウザのアドレスバーに動くアスキーアートを組み込む | 秋元@サイボウズラボ・プログラマー・ブログ こうですか><わかりません>< あー。メイリオだとちょうどいいけど MSゴシック だとずれるなー。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く