HTML崩壊 meltdown.js - KAZUMiX memo
#ff0000">2008年12月29日追記:逆再生する新バージョン「HTML崩壊Reverse! meltdown2.js」をアップ #ff0000">2009年4月21日追記:さらに進化したバージョン「HTMLの暴走(meltdown3)」をアップ まずは軽いページでお試しください。例えば Google とか。*1 javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";var da=new Date();s.src="http://www.rr.iij4u.or.jp/~kazumix/d/javascript/meltdown/meltdown.js?"+da.getTime(); document.body.appendChild(s)})(); これを適当なページのアドレスバ
今更人に聞けない初心者のためのRSSについて色々（前編）
記事としては、海外のエントリーでRSS: Best Design Practices And Iconsと言うものがありますが、『初心者のための』という点においては、FeedBurner等のお話もしておかなければならないとわたしは思っています。 そこで今回は、今更人に聞けないでいる人のためのRSSのお話をさせていただきます。 いつまでたってもアクセス数が安定しない、増えない、そんな事を思ったら、まずはRSSについての基礎知識を付けてみましょう。 特定の人の記事をなるべく見たい。そんな時 RSSとは、ある特定のブログなり、ニュースなりのサイトの、新着情報を受け取るためのものです。 逆に配信するほうとしてみれば、定期的に自分のブログや新着ニュースを読んでもらう事を目的に使用します。 もやっとした頭の中を少し整理しましょう。 この絵では全てを理解する事は出来ませんので、もやっと覚えておくだけでか
わずか565バイトテトリスのプログラミング解説
「往年の名作「スーパーマリオブラザーズ」、あの濃い内容でわずか40キロバイト」に載っていたわずか565バイトのテトリス。文字数にして551文字。79文字*7行のプログラミングで、テトリスが動きます。 以下のソースコードをメモ帳に貼り付けて、htmlで保存すればテトリスが動きます。 <body onKeyDown=K=event.keyCode><script>X=[Z=[B=A=12]];h=e=K=t=P=0;function Y() {C=[d=K-38];c=0;for(i=4;i--*K;K-13?c+=!Z[h+p+d]:c-=!Z[h+(C[i]=p*A-Math.round(p/ A)*145)])p=B[i];!t|c+4?c-4?0:h+=d:B=C;for(f=K=i=0;i<4;f+=Z[A+p])X[p=h+B[i++]]=1 if(e=!e){if(f|B){fo
60行で作るPHP用テンプレートエンジン
唐突に、PHP用のテンプレートエンジンを作ってみる。 方針： ふつうのPHPファイルをテンプレートとして使う。 <?php echo $var; ?> は面倒なので #{$var} と書けるようにする。 <?php echo htmlspecialchars($var); ?> はもっと面倒なので %{$var} と書けるようにする。 ついでにXML宣言も <<?php ?>?xml ... に自動置換する。【追記】レイアウト機能を追加してみた コード： <?php /* * SixtyLinesTemplate.php - 60行しかないけどSmartyより速いテンプレートエンジン * * 使い方： * require_once('SixtyLinesTemplate.php'); * $TEMPLATE_DIR = 'templates'; // 省略可、パーミッションに注意 * $c
いますぐ自信をみなぎらせるための10個の方法（＋おまけ） - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
ドットインストール代表のライフハックブログ
スーパーできる人はみんな「モチベーション創造力」を持っている - モチベーションは楽しさ創造から
コンサルティングで企業をはじめて、訪れる際にまず探すのが、「企業内のスーパーできる人」です。一般的には、８０対２０の法則が適応されます。１００人社員さんがいると、「２０人のできる人」がいます。そして２０人のできる人のなかで、４人程度の「スーパーできる人」がいます。 もちろん、業績のよい会社などは、８０対２０の法則よりも遙かに多い「できる人」「スーパーできる人」が存在します。（だから業績もいいのでしょうが・・）逆に、業績が悪い会社は、そんな人が少なくなるかと言えばそうでなく、一定比率、絶対にいます。ただ埋もれていたり、会社が使いこなせてなかったりするだけ。 そんな「スーパーできる人達」をみていると、業種や企業規模を問わずにいくつかの共通点があるように思えます。その一つが「モチベーション創造力」です。 「モチベーション創造力」とは、誰かからモチベーションされるのを待っているのではなく、自らモチ
URL変更のお知らせ
アスキー･メディアワークスホームページをご覧頂きまして誠にありがとうございます。 このページはURLを変更させて頂きました。 20秒後に自動的に新しいサイトにご案内致しますが、ページが変更されない際は、恐れ入りますが、こちら（http://ascii.asciimw.jp/pb/ant/biz-gokui/ppg/）をご覧下さい。 なお、このページをブラウザのブックマークに登録してご利用になられていたお客さまはお手数ですが、ご登録のブックマークを http://ascii.asciimw.jp/pb/ant/biz-gokui/ppg/ へご変更頂きたくお願い申し上げます。 今後ともご愛顧賜りますよう、よろしくお願い申し上げます。 ※会社情報 http://asciimw.jp/info/corp/ ※アスキーの本と雑誌 http://ascii.asciimw.jp/ ※書籍関連ファイル
Google Japan Blog: Google のソフトウェアエンジニアと英語
Google では世界で通じるサービスを提供するため、日々世界中のソフトウェアエンジニアがプロダクトを開発し続けています。アメリカをはじめ、アジア、ヨーロッパ、その他、全世界の Googler がコミュニケーションに使う言語が英語です。 一方、Googler でも Googler でなくても、日本人には英語の苦手な人は多い気がします。Google に限らず、日本人エンジニアの方の中には、英語の壁を恐れる方が多くいるかもしれません。「 私は英語が出来ないから、Google に応募するのはやめておこう 」 なんて考えている方もいらっしゃるかもしれません。もちろん 「 全く英語が分からない 」 ということでは、Google 社内でのコミュニケーションは滞ってしまいます。 でも、私が思うに、Google 社内でソフトウェアエンジニアとして働く上では 「 英語がペラペラ 」 である必要はないと感じる
mycom：【特集】実践的サンプルで学ぶStruts 2
以前のものとは似て非なるもの Apache Struts(以下、Struts)という名前を知らないJava EE/Web開発者は、もはやいないのではないでしょうか。紹介するまでもありませんが、Strutsは、Javaで記述されたオープンソースのWebアプリケーションフレームワークです。 今回紹介するStruts 2は皆さんがご存知のStruts(以下、Struts 1と表記します)とは似て非なるものです。Struts 2は、Struts 1のメジャー・バージョンアップ・プロダクトとして開発されましたが、そのベースは、WebWork2と呼ばれていたStruts 1とはまったく別のWebアプリケーションフレームワークです。すなわち、Struts 1とは異なるアーキテクチャとAPI、機能を提供する別のWebアプリケーションフレームワークと言えます。よって、Struts 1アプリケーションを、ライ
今後10年間のウェブ潮流を10の要素からひもとく
われわれは現在、一般にWeb 2.0として知られるウェブの時代にいる。このウェブの局面の特徴には、検索、ソーシャルネットワーク、オンラインメディア（音楽、動画など）、コンテンツの集約とシンジケーション（RSS）、マッシュアップ（API）などが含まれる。現在のウェブは主としてPCからアクセスされているが、モバイル機器（例：iPhone）やテレビセット（例：XBox Live 360）などからウェブを楽しむ例も増えている。 ウェブについて、今後10年ほどの間にどんなことを期待できるだろうか。今週の投票でNatC氏がコメントしたように、今後10年間でウェブに最大のインパクトを与えるものは、コンピュータの画面を通じて現れるものではないかもしれない。「オンライン活動は、存在感、移動、買ったり使ったりしたものなどがミックスされたものになる。」また、以下に示す10項目の（あるいはそれ以上の）潮流の相互作
実践イベント実施：「究極の会議」をやってみよう！ - ITmedia Biz.ID
ビジネスパーソン共通の悩みが“会議”。出席者が「会議って時間の無駄だなぁ」と思うだけでなく、主催側もどうやったらもっと効率的に会議できるのかを気にしている。そんな人たちに『究極の会議』著者が“究極の会議 実践法”教えます。 ITmedia Biz.IDの人気連載「議事録ドリブン」シリーズをもとにして、ソフトバンク クリエイティブから書籍『究極の会議』を出版しました。「議事録ドリブン」とは、“会議中にプロジェクターやディスプレイで議事録を書きながら会議をする”という方法で、誰でも簡単に会議の生産性を劇的に改善することができるものです。 議事録ドリブンのココロは簡単です。「会議をよくしようと思うのではなく、よい議事録を書こうと意識すれば、会議は自然によくなる」という一言につきます。議事録こそが会議のアウトプットなのですから、それを作りながら会議をすれば、会議はうまくいくのです。 「会議が迷走し
HowToWriteAnEffectiveDesignDocument - 設計文書のうまい書き方
HowToWriteAnEffectiveDesignDocument - 設計文書のうまい書き方 目次 この文書について 設計文書のうまい書き方 なぜ設計文書を書くのか 良い設計とは何か 同僚の開発者に向けて書く 第 1 節に書くこと: プロジェクト/サブシステムの目的を示す 第 2 節に書くこと: 設計に使う高レベルなエンティティを定義する 第 3 節に書くこと: 個々のエンティティに関する低レベルの設計を書く 使い方 設定 モデル 相互作用 第 4 節に書くこと: 利点, 前提, リスク/懸念事項 マネージャ向けに書くこと 最後に 設計文書のうまい書き方 この文書について "How to Write an Effective Design Document" の日本語訳です. http://blog.slickedit.com/?p=43 推敲歓迎: 誤訳, タイポ, 訳語の不統一,
いまさら聞けない“Web標準”、そしてXHTML＋CSS
いまさら聞けない“Web標準”、そしてXHTML＋CSS：いまさら聞けないリッチクライアント技術（4）（2/3 ページ） Webの構造と表示を分離する？ では、HTMLのみを使ったWebページと、HTML／XHTMLとCSSを使ったWebページは何が違うかを見ていきましょう。 ■HTMLのみを使ったWebページ HTMLのみを使ったWebページは、「文章の構造」と「デザイン」を1つのHTML文章で表現していました。1つのHTMLで2つの機能を表現できるので、一見便利そうですが、気を付けるべき点もあります。 例えば、閲覧用のWebページと印刷用のWebページが必要なときは、同じ文章でも2つのページが必要です。さらに一般ユーザーとは別に、色覚障害のユーザーに対して見やすいカラーデザインや視力が弱い人向けに文字が大きめのデザインのページを作成しようとしたら、専用のWebページを作成しなければなり
memokami :: 第2回モバイル勉強会で「キャリア判別と絵文字の扱い」を発表してきました
第2回モバイル勉強会を開催しました。 今回はモバイルに情熱を持ったスピーカー12名の方々にご賛同いただき、 密度の濃いモバイルの勉強会を開催することが出来ました。 本当に皆様のおかげで、このような素晴らしい会を開催することが出来ました。 ありがとうございました。 また祝日の上、大人数にも関わらず、快く会場を貸してくださった上に 朝早くから会場設置までしてくださったECナビさん、本当にありがとうございました。 私も1スピーカーとして発表してまいりましたので、 その資料をあげておきます。 「キャリア判別と絵文字の扱い」 さてそんな第2回モバイル勉強会のご報告です。 ■スピーカーセッション ★モバイル前世紀 小飼 弾 さん 資料:モバイル前世紀 動画:モバイル前世紀 プレゼンテーションは携帯のみ！ 参加者各自で携帯を触りながらのプレゼンは斬新でした。 某ライブ○アの頃の携帯サイトを作ったときに話
RSS購読者数の推移とPV数の推移に有意な相関性は見られず | 住 太陽のブログ
hCAPTHAのチャレンジに「繰り返しのないエンティティをクリックしてください」というものがあります。この文面の意味がわかりにくいせいでしょうか、検索しておられる方が相当数おられます。この記事では「繰り返しのないエンティティ」とは何で、何をすればいいのかを簡単に解説します。
グズな人と実行力のある人の違い！実行力のある人の思考スタイル - モチベーションは楽しさ創造から
企業において、よく大きな目標を掲げている会社を目にします。その多くは、ほとんどは未達で終わっています。作った時がモチベーションのピーク。期末においてはモチベーションの火はほとんど消えているという状況です。「言うバッカしの会社」です。 個人においても同じようなケースが多いのではないでしょうか？年始に立派な目標を作られる人がいます。しかし、もう今頃になるとその目標へのモチベーションは消え、すっかり忘れ去られています。しかし、一部の人は年始に作った目標を毎年、確実にクリアしていっている人達もいます。この違いは何なのでしょうか？ この違いの一つが、「実行力」ではないでしょうか？大きな目標を掲げる事は、ある意味、誰でもできます。グズな人でも。問題は、それをどう「実行し続けるか？」という事。ここでほとんどの人は躓いてしまいます。そこで、今回は「実行力」について考えていきたいと思います。実行力を定義する
mixiの生みの親“バタラ氏”が語るMySQLの意外な利用法 － TechTargetジャパン
日記だけで4億件のデータ ミクシィが運営するSNS「mixi」は、2007年7月末段階でユーザー数が1110万人。人が12人集まれば、1人はmixiユーザーというわけだ。ユーザーのアクティブ率（ログイン間隔が3日以内）は約62％と高く、2007年4月から6月の月間平均ページビューは117.5億に達した。日記だけでも4億件以上に上るなど、蓄積するデータ量も莫大。2004年3月のサービス開始から、わずか3年半で現在の巨大コミュニティーへと発展したのだ。 ミクシィは、「LAMP（OSのLinux、WebサーバのApache、DBMSのMySQL、開発言語のPerl、PHP、Python）」と呼ばれるWebシステム向けの標準的なオープンソースソフトウェア（以下、OSS）でシステムを自社開発し、安価なPCサーバを1000台以上連ねる超分散構成でmixiのサービスを支えている（広告配信など周辺機能では
失敗しないためのSEO会社の選び方 | SEOについて最低限知っておくべきコト
餅は餅屋、でも餅屋もいろいろ…… 失敗しないためのSEO会社の選び方 検索エンジンにヒットしないページは存在しないも同然と言われるほどになった昨今、企業サイトにとってSEOは必須の項目だ。それにともない、数多くのSEO会社が存在するようになった。試しに“SEO”や“SEO会社”と検索してみると、多くのSEO会社がヒットするだろう。個人でも実践できるSEOだが、SEO会社に依頼すると何をしてくれるのか。ここでは、主なSEO会社の種類と、依頼するときに抑えておきたいポイントを紹介する。 TEXT：渡辺隆広 日本には現在、数え切れないほどのSEO会社が存在する。ただし「SEOできます」といっても実はタイトルタグしか変更しないウェブサイト制作会社や、単にメディアのリンクを代理販売しているだけの会社もあり注意が必要だ。こうした会社を見極めるために、契約前に次の項目は必ず聞いておこう。 1. 具体的な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
これ、すごいかも・・・紙で簡単に作れる『ペーパートランスフォーマー』 | IDEA*IDEA