Web2.0風バッジをWEB上で作れる「Web 2.0 Badges」:phpspot開発日誌
Web 2.0 Badges - Useful collection of stylish web 2.0 badges and badge generator. Web20Badges is a set of free and very cool web badges. Web2.0風バッジをWEB上で作れる「Web 2.0 Badges」。 Web2.0なサイトによく見られるバッジを、次のようなオンラインツールで自作することが出来ます。 PhotoShop用のバッジファイルもダウンロードできるので、Web2.0風バッジを作る際は迷わずここに行きましょう。 関連エントリ web2.0ボタンジェネレーター お好みのajax読み込み画像を作成するサービス
CSSデバッギングツール１０選:phpspot開発日誌
Man with no blog : CSS Debugging Tools - Gary Barber Seems lately that we are now starting to get a good spread of CSS and JavaScript (DOM Scripting) debugging tools available. CSSデバッギングツール１０選。 便利な各種ブラウザ用CSSデバッギングツールがまとまっていました。 XRay - ブックマークレット登録後、ページ内をクリックで情報を表示 YSlow - 先日Yahoo!がリリースしたパフォーマンス測定＆アドバイスツール (for Firefox) Dust-Me Selectors - 不要なCSSを調査して表示してくれるFirefox拡張 Web Developer - おなじみ、CSS用に便利機能を提
使えるHTMLエンティティ文字 - raquo,laquo:phpspot開発日誌
使えるHTMLエンティティ文字 - raquo,laquo。 HTMLオンリーで横矢印の文字を表示できるのですが、あまり知られていないようなので紹介です。 以下のような記号をHTMLエンティティ文字で表現することが可能です。 « (＆laquo;) » (＆raquo;) これは例えば、「ダウンロード » 」といったような使い方が出来ますね。 「ダウンロード→」 のように、右矢印記号よりも断然カッコよく表示できます。 これまで、画像でこういったイメージを作っていたという方も、この文字を使うことで楽を出来るということで覚えておきましょう。 他にも、「HTMLエンティティ文字を検索「HTML Entity Character Lookup」」で紹介したサイトで便利なエンティティ文字が見つけられるかもしれません。 エンティティ文字を活用して、デザインを楽にしましょう！
緯度経度表示された２つの地点の距離を計算 - elm200 の日記(旧はてなダイアリー)
緯度・経度から距離を求める方法に基づいて2点の距離を求めてみる。 次の2点を考えてみる。座標系は10進数の世界測地系である。 駅名 緯度 経度 東京駅(1) 35.680737 139.767044 神田駅(2) 35.691569 139.770654 東京駅と神田駅との距離は？ 経度の差 Δλ = (139.770654 - 139.767044) * (3.141592 / 180) = 6.30063728888889e-05 緯度の差 Δφ = (35.691569 - 35.680737) * (3.141592 / 180) = 0.000189054025244444 東西の差 Δx = A Δλ cos φ1 = 6378137 * 6.30063728888889e-05 * Math.cos(35.680737 * (3.141592 / 180)) = 326.42
テーブル正規化 - elm200 の日記(旧はてなダイアリー)
第１正規形とかいう言葉を耳にしたことはあってもどういう意味なのか、よくわかっていなかったので勉強。 教材は、素早く正規形を見抜く実践テクニック。 非正規形 | | テーブルとして格納できるようにする V 第1正規形 | |「キーから非キー」への関数従属性を整理(部分関数従属性を取り除く) V 第2正規形 | |「非キーから非キー」への関数従属性を整理(推移関数従属性を取り除く) V 第3正規形関数従属性とは、「ある属性Aの値が決まるとき、属性Bが一意に決まる」ことをいう。 このほかにもボイスコッド正規化・第4正規化・第5正規化があるが、これは、「テーブル構造からビジネスルールを排除すると、第3正規化までで正規化が完了する」そうなので、あまり考えなくてもいいだろう。
３Ｄグラフ描画用JavaScriptライブラリ「Canvas 3D Graph」:phpspot開発日誌
AXXT - Web development and more Canvas 3D Graph This is Canvas 3DGraph, special type of bar graph used to plot X-Y-Z values. ３Ｄグラフ描画用JavaScriptライブラリ「Canvas 3D Graph」. ライブラリを使って次のような3Dグラフが描画できるようです。 3Dグラフというと使いどころが？な感じですが、うまい使い方を考えれば有効に利用できるかもしれませんね。 関連エントリ キュートな円グラフ簡単作成サービス Flash,JavaScript,CSS,PHPでグラフ作成のためのライブラリ色々
RMagickのインストールが，フォント周りでこける際の対処法 - Loud Minority
rmagickのインストールの際， unable to read font `/Library/Fonts/Verdana' (Magick::ImageMagickError) でコケていた http://d.hatena.ne.jp/sesejun/20070731/p1 の続き．解決策発見． MacPorts でインストールするImageMagick が，現行のバージョンではghostscriptではなく， gplghostscript に依存しているようだ．このせいで，フォント周りがインストールされておらず（？） フォントのハンドリングに失敗しているようであった． そこで，今あるものを利用不可にする． % sudo port deactivate ghostscript % sudo gem uninstall rmagick 新しくインストールする % sudo port ins
秋元@サイボウズラボ・プログラマー・ブログ: Blueprint CSSデザインのためのオープンライブラリ
via del.icio.us/popular Blueprintは、複数人で開発されているCSSライブラリだ。 マルチカラムレイアウトを簡易なclass指定で実現するのが目玉機能らしい。 ブラウザ間のデフォルトスタイルの違いをリセットしたり、印刷用のスタイルを提供したりという機能も。 Yahoo UI libraryのCSSセットと共通するところが多いと思ったが、マルチカラムの指定方法はこちらのほうが直感的かなとも思う。 この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘いただければ幸いです。最新の状況を調べて新しい記事を書くかもしれません
モンティ・ホール問題 - Wikipedia
モンティ・ホール問題 閉まった3つのドアのうち、当たりは1つ。プレーヤーが1つのドアを選択したあと、例示のように外れのドアが1つ開放される。残り2枚の当たりの確率は直感的にはそれぞれ 1/2（50%）になるように思えるが、はたしてそれは正しいだろうか。 モンティ・ホール問題（モンティ・ホールもんだい、英: Monty Hall problem）とは、確率論の問題で、ベイズの定理における事後確率、あるいは主観確率の例題の一つとなっている。モンティ・ホール（英語版）（Monty Hall, 本名：Monte Halperin）が司会者を務めるアメリカのゲームショー番組、「Let's make a deal（英語版）[注釈 1]」の中で行われたゲームに関する論争に由来する。一種の心理トリックになっており、確率論から導かれる結果を説明されても、なお納得しない者が少なくないことから、モンティ・ホール
第5回 気分の問題 | WIRED VISION
第5回 気分の問題 2007年7月27日 IT コメント： トラックバック (0) 何かのよしあしを判断する場合、実際の価値よりも気分の方が問題になることが多いものです。買おうとする自動車が安全かどうか判断しようとする場合、安全度を示す各種の数値も大事ですが、なんとなく感じられる車体の安全感の方が重視されるでしょう。飛行機事故に逢う確率よりも自動車事故に逢う確率の方がはるかに高くても、地上の方が安心感があるので飛行機の方が怖がられるものです。何かを買う場合、実際の値段よりも割安感が重視されることが多いようです。1杯1000円のコーヒーは高すぎると感じるでしょうが、パソコンが1万円ならば安いと感じられます。このように、実際の数値よりも気分の方が重要に感じられることは多いといえるでしょう。 セキュリティシステムの場合も安心感が重要です。ギザギザの多い鍵はいかにも安全そうに見えますし、記号を羅列
情報大航海プロジェクトのその後 - 傀儡師の館.Python：楽天ブログ
2007.08.03 情報大航海プロジェクトのその後 カテゴリ：検索 ブログウォッチャー、法人向け体験談ブログ抽出サービス「PETTATO SHOOTI」 を読む。 エイビーロードがこれを導入ということだが、分かりにくい。ブログウォッチャー の 【リリース】エイビーロードへの提供開始07/07/31 を見て、イースター島のページの下の方を見て、これかなというのが分かった。powered by SHOOTI というところがある。もうちっと分かりやすい形でリリース出した方がいいんじゃないのと思った。 だいたい、プレスリリース垂れ流しの記事が多いわけだし。あとエイビーロードのページって Goole Maps とかも使っているのね。いわゆる流行ものの技術もあれこれ使って仕上げたサイトになっている。テッキーとマーケッターの組み合わせというのはよい組み合わせだろう。 だけど、【リリース】「情報大航海プ
情報大航海プロジェクトへの批判と経産省の回答
CEATEC JAPAN 2006の「情報大航海コンソーシアム・ブース」で展示された富士通による映像検索・解析システム。映像を解析し意味的なまとまりであるシーンに分割，ユーザーが付与した感想や注釈などのメタデータにより分析する 経済産業省が進める検索エンジン開発プロジェクト「情報大航海」。来年度から3年をかけ，150億円の予算を要求している。7月に「情報大航海プロジェクト・コンソーシアム」が発足，11月末時点で産官学56団体が参加している。しかし，インターネット上で交わされる意見を見るかぎり，このプロジェクトに対する評価があまり芳しくない。 そんな中で，経済産業省 商務情報政策局 情報政策課 課長補佐の久米孝氏が11月30日，情報通信政策フォーラムで「経済産業省はWeb2.0にどう対応するか」と題して講演，会場の質問に答えた。このプロジェクトの何が批判されているのか。それに対する経産省はど
Ring
Ringとは、リクルートグループ会社従業員を対象にした新規事業提案制度です。 『ゼクシィ』『R25』『スタディサプリ』など数多くの事業を生み出してきた新規事業制度は、 1982年に「RING」としてスタートし、1990年「New RING」と改定、そして2018年「Ring」にリニューアルしました。 リクルートグループの従業員は誰でも自由に参加することができ、 テーマはリクルートの既存領域に限らず、ありとあらゆる領域が対象です。 リクルートにとって、Ringとは「新しい価値の創造」というグループ経営理念を体現する場であり、 従業員が自分の意思で新規事業を提案・実現できる機会です。 Ringフロー その後の事業開発手法 Ringを通過した案件は、事業化を検討する権利を得て、事業開発を行います。 さまざまな事業開発の手法がありますが、例えば既存領域での事業開発の場合は、 担当事業会社内で予算や
Execute Around Method - Standing on the shoulder of giants
必ず対で実行しなければならない処理がある場合は、ブロックを受け取るメソッドを定義しましょう。 振る舞いの実現に関するパターンです。 ファイルをオープンしたら最後に必ずクローズしなければいけないといった、必ず対で実行しなければならない処理を実現したい場合、最も単純な実現方法は対の処理をそれぞれ独立したメソッドとして公開することです。 class File def open ... end def close ... end end f = File.new f.open ... f.close しかし、この実現方法だと、インタフェースとして以下のような問題が残ります。 対で実行する必要があることを利用者が知らなければならない どのようなケースでも処理が対で実行されることをそれぞれの利用者が保証しなければいけない このような問題は、対の処理の間で実行したい処理をブロックとして受け取るメソッドを
fladdict.net blog: ApolloでTwitterクライアント作った
Twitterが面白すぎるので、とりあずApolloでTwitterのクライアントを作ってみた。 まだまだ最低限の実装。実装時間3時間。 Twitter提供のAS3ライブラリが激しくショボだったり、認証方式の関係上ダイアログがでちゃったりと不完全だけど、とりあえず用は成すので公開してみる。最低限、WEBで更新するよりは100倍便利っす。 完成度100%で作ろうとすると飽きてやめてしまうので、20%でリリース。これから一週間ぐらいポチポチ弄くって、機能強化したりスキンつけたりしてオシャレなクライアントに仕上げていこうかとおもいます。ライブに作ってく予定なので、機能要望バグ等はコメント欄かTwitterでよろしく。
６つの新コンポーネントを搭載したYUI 2.3.0がリリース！リッチテキストエディタ等:phpspot開発日誌
６つの新コンポーネントを搭載したYUI 2.3.0がリリース！リッチテキストエディタ等 2007年08月04日- YUI 2.3.0: Six New Components and a Prettier Face Yahoo! User Interface Blog We’re pleased to announce today the release of YUI version 2.3.0. ６つの新コンポーネントを搭載したYUI 2.3.0がリリース！リッチテキストエディタ等。 次のようなWYSIWYGなリッチなエディタ機能の他、５つの機能が追加されました。 以下、追加された機能。 リッチテキストエディタ Base CSS - CSSのブラウザ間の差異を吸収する YUILoader Utility - YUIライブラリ読み込み用ユーティリティ loader.require("col
第4回 自己流認証 | WIRED VISION
第4回 自己流認証 2007年7月20日 IT コメント： トラックバック (1) 自分を証明するために鍵やカードやハンコなどが広く使われていますが、計算機の上ではパスワードがよく利用されています。指紋や光彩を利用する生体認証も最近注目されていますが、特殊な装置が必要になりますし、偽造も可能な場合が多いので、どこでも使える強力な認証手法としてパスワードの地位に揺るぎは無いようです。 パスワードを用いる認証方式は長年利用されているので、運用に関する多くの知見が存在します。システムを作成するときの注意点はよくわかっていますし、破られにくいパスワードの選び方や、他人に見られることなくパスワードを送る方法などについても深く研究されており、正しい使い方をする限り安全な認証手法であることは証明されています。 歴史が長いため、パスワードを破るためのノウハウも蓄積されており、普通に思いつく固有名詞を単純に
続AS3ウザスの雑感まとめ | fladdict
flashrodさんのエントリにコメント書いたら、ななしの人にコメント頂いた。 fladdict: 個人的にはそこに（＊冗長な処理に）かける時間がないというのがあるんじゃないかと。 (＊getURLを)navigateURLに変えてもユーザーやクライアント的にはなんの意味もないので、 その分の労力を可能なかぎりアウトプット部分につぎ込みたいという感じなんじゃないかと。 ななし: こういう仕様は Flash 自体の developer が『Flash を大規模アプリ製作環境へ移行するよ』っていうメッセージに僕には思えます。想像ですが、“単体テストに毒されているので小さい粒度でクラスを設計”という感覚に Flash の人達がついて行けてないだけだと思います。コピペで動くならそれでいいとか。 上の fladdict の人の科白にある、“ユーザーやクライアント的にはなんの意味もない” ってのはコー
MOONGIFT: � 8x8ドットの日本語フォント「美咲フォント」:オープンソースを毎日紹介
Yet another make your own spech bubble!（長い…）で使っているフォントがこちら。 元々吹き出しがドット風だったので、日本語でもドットで書かれたようなフォントがないものか…ないものか…ないものか…と思って探したら見つかったのがこちらだ。 今回紹介するフリーウェアは美咲フォント、8×8ドットで表現された日本語フォントだ。 美咲フォントではJIS第一・第二水準をサポートしており、一部の文字を除いて7×7ドットに収まる形になっている。なので文字間を0にしても、2ピクセルずつは離れる事になる。 狭い空間でありながら、非常に良くできている。見やすい、とは言えないが決して見えないレベルではない。何よりファミコンを思い起こさせるような懐かしさを感じるフォントだ。 尚、True Type FontやBDF、PNG形式などで提供されている。普段日常的には使わないかも知れな
あなたは解ける？5枚のディスクで赤い丸を覆うパズル『Cover The Red Spot』 | POP*POP
昔どこかで見たことがあるパズルですが、そのウェブ版が出たようです。 赤い丸を5枚のグレイのディスクで覆ってください、というシンプルなルールですが、どうしても最後のちょこっとが埋められなくてイライラします。 コメント欄では「これは不可能なのでは？」という意見も噴出中。対して、作成者は「いや、解けます。数日中に解法を公開します。」と反論中。 あなたは解けますか？ ↑ 名前を入れてゲームスタート。なるべく速く赤い丸を覆ってください。 ゲームをプレイするにはこちらからどうぞ。 » Cover The Red Spot Carnival Game – Brain Puzzle このゲームの説明などなどはこちらのブログ記事から。 » ‘Cover the Spot’-The best carnival puzzle game. Can you beat it? – Smartkit Brain Enh
dvipdfmx でフォントを埋め込んだPDFを作る - かさい ますみ
動機 LaTeXでプレゼンテーション・シリーズ：まとめなどを書いている関係で，学生さんの卒論・修論発表にもLaTeXでPDFファイル... という人が多くなった． しかし，Vine Linux上のLaTeX + dvipdfmx で作ったPDFファイルを使って，例えばMacOSX上の「プレビュー」やAdobe Readerでスライドショーをすると，\bf なのに妙に線の細いフォントだったりして，ちとがっかりする． そこで，dvipdfmx でフォントを埋め込んだPDFファイルの作成についてまとめておく． [LaTeX] [Linux] Vine Linux 3.2 の dvipdfmx でフォントを埋め込む 準備 su cd /usr/share/texmf/fonts mkdir truetype cd truetype/ ln -s /usr/X11R6/lib/X11/font
私のブックマーク: 情報検索
古くはデータベース研究の一分野で扱われていた情報検索だが、 WWWの普及にともなって近年多くの分野から注目を集めている。 研究の方向としては、検索の対象を多言語の文書や画像・音声に広げるという方向と、 文書を「索引語の集合によって特徴付けられたアトミックな対象」としてとらえる“古典的な”見方自体を修正・拡張するという方向の二つの軸に分解できるように思う。 後者は、文書の言語的特徴や、ユーザの状況や文書間の参照関係といった背景情報を検索にとり入れるものであり、 情報抽出や質問応答などへとつながってゆく。 著者の研究範囲が後者に偏っているので、ここで紹介する情報もそちらに偏っている。 また、情報検索や情報抽出およびその周辺情報に関しては本学会誌2004年5月号の特集「WWW上の情報の知的アクセスのためのテキスト処理」や1999年1月号の第一回「私のブックマーク」などでもすでにとりあげられており
created_on より created_at を使う。 - こせきの技術日記
テーブルにcreated_atというカラムを作っておくと、ActiveRecordが自動的にデータを作成した日時を記録してくれる。Magic Field Name。似たようなのに、以下の4種類がある。 created_at …… 作成日時 created_on …… 作成日 updated_at …… 更新日時 updated_on …… 更新日 onとatの違いは、日付だけでなく時間も記録するかどうか。onは日付のみを記録する。ただし、カラムの型にdatetimeを使っている場合、動作は同じになる(Oracleの場合に異なる？)。 http://wiki.rubyonrails.org/rails/pages/Timestamping Q: What is the difference between created_on and created_at if they both have
ActiveRecord::RecordNotFound.
>> User.find_by_login('foo') => nil >> User.find(123) ActiveRecord::RecordNotFound: Couldn't find User with ID=123 from /usr/local/ruby186/lib/ruby/gems/1.8/gems/activerecord-1.15.3/lib/active_record/base.rb:1031:in `find_one' from /usr/local/ruby186/lib/ruby/gems/1.8/gems/activerecord-1.15.3/lib/active_record/base.rb:1014:in `find_from_ids' from /usr/local/ruby186/lib/ruby/gems/1.8/gems/activerec
Web2.0ナビ: ソーシャルブックマークサービス別の利用率を出してみた
いいね！ 0 ツイート B! はてブ 152 Pocket 4 ソーシャルブックマークのユーザー数は、「はてなブックマーク」「デリシャス」「ライブドアクリップ」の順で多いとされてきた（自分が思い込んでいた）が、AddClipsで大よその統計をとってみると、意外にも「Yahooブックマーク」が2位のシェアにいることがわかった。 それ以外は特に驚きの結果はありませんでした。詳しくは、下のグラフをご覧下さい。 この統計の元になっているデータは、AddClipsを使って、ブックマークしてくれた数となります。 しかも、AddClipsには統計機能というのがあって、それを使っているユーザーさんのデータしか個別ブックマーク数をとっていないので、その機能を使用しているボタンからのデータのみとりました。（というか他はとれない。。） 9割以上が統計機能を使っていないユーザーさんなので、AddClips内でも小
自動ソーシャルブックマークサービスPathtraqは第二のGoogleになるか？:TKMR.blog.show
サイボウズラボからリリースされたPathtraqに興味津々です。 http://pathtraq.com/ ざっくり言うと「アクセス解析＆共有サービス」または「自動ソーシャルブックマークサービス」で、ユーザ（参加者）がFireFoxかIEの拡張をインストールして、日々アクセスしたWebサイトの履歴をPathtraqが保存・解析するサービス。 実際リリースの数日前に「ページ滞在時間に応じてdel.icio.usに自動postするGreasemonkeyスクリプト」なんて同じ方向性のアイデアが（別の場所から）生まれて来てる通り、これは出てくるべくして出てきたサービスな気がする。何故か「ついに来たか」と感じた。「気になったページをブックマーク」なんてかったるいこと言わずに、もう全部ページブックマークしようぜと。これは何処かGoogle的発想を感じる。フィルタリング／ランク付け／クラスタリングなん
MOONGIFT: » ついに登場！CSSフレームワーク「Blueprint」:オープンソースを毎日紹介
誰かがきっと作ってくれると思っていた。 prototype.jsのようなライブラリを利用するのは、便利な機能が多いという事もあるが、各ブラウザ間での相違を吸収してくれるという点も大きい。 その点において、CSSもまた各ブラウザ間での表示の差異が大きい。そこで試してみたいのがこれだ。 今回紹介するオープンソース・ソフトウェアはBlueprint、ブラウザ間の描画差異を吸収して簡単にマルチカラムを実現してくれるCSSライブラリだ。 Blueprintはヘッダ、コンテンツ、サイドバー、フッターのようなテンプレートをクラス指定するだけで簡単に作成できる。デフォルトのフォーマットはリセットされているので、ブラウザ間の違いが出るマージンやパディングの差異も吸収してくれている。 また、印刷時のCSSも用意されている。これを使えば印刷時やプリンタ経由でのPDF作成時に綺麗なものが仕上がるようになる。今後の
Ruby/Romkan
Ruby/Romkan is a Romaji/Kana conversion library for Ruby. It can convert a Japanese Romaji string to a Japanese Kana string or vice versa. Tha latest version of Ruby/Romkan is available at <URL:/ruby-romkan/> . Charcode Set Ruby's charcode to EUC-JP. $KCODE="e" API String#to_kana Convert a Kunrei or Hepburn Romaji string into a Kana string. String#to_roma Conver a Hiragana string into a Hepburn Ro
We retire raa.ruby-lang.org
Posted by hsbt on 8 Aug 2013 We decided to suspend raa.ruby-lang.org, also known as “Ruby Application Archive (RAA)”. We have no server or human resources to continue hosting raa.ruby-lang.org. If you still need to browse raa.ruby-lang.org, please visit RAA in the Internet Archive. The “Ruby Application Archive” was first started in 1997. It moved to raa.ruby-lang.org in 2003 and introduced a lot
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch Japanese アーカイブ � NoFoodHere―リアルタイムで結果がロードされる検索エンジン
Purchase Intent Data for Enterprise Tech Sales and Marketing - TechTarget
Rails Envy: Ruby on Rails Rake Tutorial (aka. How rake turned me into an alchoholic)
http://www.designwalker.com/2007/08/drop_shadow.html
https://www.railsenvy.com/2007/3/20/ruby-on-rails-caching-tutorial-part-2
Rails Envy: Acts_As_Ferret Tutorial
Twitterクライアントを、AIRに対応させました。 | fladdict
Flexで外部からリアルタイムにCSSを更新できるエディター | fladdict
flexでニョイーンとスクロールするスクロールバーが欲しい | fladdict
https://www.railsenvy.com/2007/8/8/activerecord-tutorial
Nakata's Room LaTeX beamer (Fukuoka University of Education)
http://www.itarchitect.jp/technology_and_programming/-/10249-3.html
http://ab.wryy.net/