as詳解 ActionScript 3.0アニメーション ―衝突判定・AI・3DからピクセルシェーダまでFlash上級テクニック を読んでいて、経路探索のアルゴリズムで A* が取り上げられていました。A* については、いろいろ検索して調べたりもしたのですが、やっぱり本に書いてあると理解しやすいですね。せっかくなので自分流に実装してビジュアライズしてみました。ダイクストラ法まずは A* の特別なケースでもあるダイクストラ法から見ていきます。クリックすると探索のシミュレーションが開始します。スタート地点(S)からゴール(G)への探索が始まります。色がついたところが「最短経路が決定した場所」です。スタート地点から少しずつ探索が完了していきます。半分ぐらい完了しました。まだまだ進みます。最後まで終わりました。最短経路を黒色矢印で表示しています。ダイクストラ法は、スタート地点から近いノード(=マス
Internet Explorer(IE)、Mozilla Firefox、Google Chrome、Safari、Operaなど、インターネット上のウェブページを閲覧する際に使用するソフトウェアをウェブブラウザと呼ぶわけですが、これらのブラウザのシェアがどのように移り変わってきたのか一目でわかる図があります。 圧倒的シェアを誇っていたIEがほかのブラウザにシェアを奪われていっている状況や、Google Chromeが着実にシェアを伸ばしている様子がよく分かるのですが、よく見てみるとちょっとしたネタが隠されているようです。 詳細は以下より。 Michael VanDaniker :Historical Browser Statistics これがブラウザシェアの移り変わりが一目で分かる図 一番内側が2002年1月、一番外側が2009年8月になっており、2ヶ月ずつ外に向かっていきます。詳細
Mozilla Links is a web publication covering topics about the Mozilla open source project and its products. Firefox 3.6 tips and tweak - Mozilla Linksにおいて、Firefox 3.6で実施できる5つの設定やショートカットキーが紹介されている。開くタブの位置の設定変更、タブビュー機能の有効化、メニューバー非表示などの設定が紹介されている。使いやすいかどうかはユーザによってまちまちだが、ちょっとした変更でFirefox 3.6の動作を小気味よく変更する方法として興味深い。紹介されているテクニックは次のとおり。 1. 新規タブを一番右端に開く Firefox 3.6からはChromeのように、リンクを新しいタブに開く場合には現在表示しているタブの右側
OS XのFinderの機能には一言物申したい人はたくさんいると思います。タブが使えたらいいのにとか、不過視ファイルをいじるのが面倒臭いとか、他にも不便なところを挙げればキリが無いですよね。そんなお悩みを全て解決してくれて、Macパワーユーザーの強い味方となってくれそうなのが『TotalFinder』です。 Finderの機能に長年不満を持っていた人にとって、Snow Leopardにアップグレードされても、ほんの少し表面的にしか機能が改善されていなかったのには、本当にガッカリしたことと思います。しかし、Cocoaで開発されているので、FinderでSIMBLプラグインを利用できるようになったというのが唯一の救いです。お陰で、『TotalFinder』を使うことができます。 最近では、Finderの代わりに『PathFinder』を使っている人も多いかもしれません。PathFinderと違
みなさん、こんにちは。そして、いまさらながら、あけましておめでとうございます。相変わらずの遅筆ですが、今年もどうぞよろしくお願いいたします。 さて、新年最初のテーマは「職務経歴書」。見るからにwifehackとは関係しなさそうな言葉ですが、どうしても書いておきたくなるような出来事があったので、忘れないうちにコラムにしてみました。 ■転職の仕組み 通常、IT関連に転職をするときは「履歴書」と「職務経歴書」を用意します。「履歴書」は学歴・職歴・賞罰などを記入するごく一般的なものです。それに対して「職務経歴書」は「スキルシート」「キャリアシート」などとも呼ばれ、エンジニアの経験と技術を採用担当者にアピールするための大事な書類です。 エージェントを使って転職活動をする場合は、以下のような流れで進みます。 転職希望者とエージェントが面談し、履歴書と職務経歴書を作成する 企業からの求人と転職希望者のス
あけましておめでとうございます! 編集委員の早川大地です。皆様、年末年始どのように過ごされたでしょうか。筆者は年末年始、ジャパンカルチャーを見直すべし!と思いながら、コミケやメイドカフェに足を運んでみたり、その後の仕事一発目はタイからスタートの年となりました。 さて、個人的には今年のメディア的トピックは、電子書籍とライブ・ブロード・キャスティングになるんじゃないかと思っているのですが、今回はその後者の方、昨年あたりから盛り上がってきているライブ・ブロードキャスティングに注目してみました。つまりネット生中継。AndroidやiPhoneなどモバイル機器用Ustream中継ソフトも発表されて、いよいよもってどんどんお手軽になってきました。昔ならTV局みたいな巨大メディアしかできなかったことが、個人でできてしまうのだから、筆者としても興奮しきりなのです。 いまのところイベントやトークショー、記者
毎回入力する手間を省くために、アプリにパスワードを覚えさせている人、多いですよね。その場合、ちゃんと暗号化していないと、あなたのマシンをさわれる状態の人は、その気になれば簡単に解読できてしまうのです。おそらく、かなりの人がきちんと暗号化していないだろう、とにらんだ「The How-To Geek」エディターが、パスワードの保存の仕方のよくある間違いと、正しい方法を紹介しています。 まず、最初に想定するシナリオは、あなたの家を訪れる人は信頼できる人で、あなたのマシンにハッキングしてパスワードを盗むようなことはしない、というものです。そのかわり、あなたのラップトップが盗まれた場合を考えます。ただし、これから紹介する方法は、どちらの状況でも使えるワザです。パスワードが漏れないようにするのは大事なことですが、それ以前に予想されにくいパスワードを使うとか、パスワードを呼び出す質問(例:「あなたのお母
Срок регистрации домена FUTURECOLORS.RU закончился Услуга по регистрации доменного имени FUTURECOLORS.RU временно не предоставляется. Продлить домен Если вы хотите приобрести этот домен — закажите услугу «Доменный брокер». Мы проведем переговоры с текущим владельцем имени и организуем безопасную сделку. Заказать услугу «Доменный брокер» Если администратор домена не продлит регистрацию, домен освоб
CMS Designer - CMSを顧客のwebに簡単導入! デザイン自由&シンプル設計。RSS対応。 デザイナー向け低価格web更新ツール。 「更新は自分で行いたい」と言うお客様に、デザイナーとしてどんな提案が出来ますか? blogサービス? WordPress? それはお客様にもあなたにも納得のいく提案ですか? CMS Designerは、デザインを全く崩さずにページに更新システムを埋め込む事ができる、ウェブデザイナーの為の全く新しいツールです。また、DB不要です。 お客様に受け入れて頂けるよう、49,800円(税抜)と、価格も低く抑えました。独自開発にかかるコストやblogのCSSを苦労して変更するコストと比べてみてください。 デザイナーだけでもここまで出来るという事を証明し、お客様の信頼を勝ち取りましょう!
入力した/入力するパスワードを見えるようにする 筆者はパスワード入力をよく間違えてしまうのですが、そもそもパスワードの入力ボックスは不親切だと思いませんか? どこまで入力したのかが分かりづらいと思うのです。セキュリティ面で考えると他の人に見られたりするような場所では、確かに入力したものが隠れている必要があります。 では、任意で見えるようにしてはどうでしょう?今回は任意でパスワードを見えるようにするサンプルの紹介をしたいと思います。 今回使うメソッドの紹介 まずは今回使うメソッドを紹介しておきます。 afterメソッド 指定した要素/文字列など(A)を対象要素(B)の後ろに追加します。 $(B).after(A); 同じようにbeforeメソッドというものもあり、こちらは指定した要素/文字列など(A)を対象要素(B)の前に追加します。 $(B).before(A); また、似たようなメソッド
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
ちょっと前まで、IEかどうかを判別する世界最短のコードは、「IEは垂直タブ(\\v)を理解しない」バグを利用した以下のコードでしたが、 '\v'=='v' // 9byte via Ajaxian その後 7byte 版が登場し、去年まではこれが世界最短とされていました。 !+"\v1" // 7byte via webreflection.blogspot.com そこで IEでは、var ary = [1,2,]; ary.length == 3; が成立するため、これを利用したより短い判別コードを考えてみました。 [,]!=0 // 6byte(IEでtrue, IE以外でfalse) +[1,] // 5byte(IE以外で1, IEでNaN) 6byte版で、世界最短かなぁ〜とか思ったのですが、念のため調べてみたら、 webreflection.blogspot.com の 20
第5回「パワフルなCSS/JavaScriptテクニック45」 2010年01月25日 翻訳元サイト:Smashing Magazine http://www.smashingmagazine.com/ 原文:45 Powerful CSS/JavaScript-Techniques http://www.smashingmagazine.com/2010/01/12/45-powerful-css-javascript-techniques/ 著者:Smashing Editorial 翻訳:中野恵美子 ※本記事は「Smashing Magazine」様より許可を得て翻訳、掲載しています CSSやJavaScriptはデザイナーやディベロッパーにとって、極めてパワフルなツールだ。しかし、使いこなすためのアイデアを得るのはなかなか難しい。ただ、デザイナーやディベロッパーはほとんど毎日、新し
As we are stepping in a new decade, I can foresee that web design in 2010 is going to be fun and filled with experimental works. With the new CSS3 and HTML5, designers and developers are trying to utilize the new features to create impressive designs. Sketchy and large background styles are fading out. Serif fonts and texturized background will be popular. Thanks to CSS3, we are going to see a lot
jQuery1.4のリリース前より、いろいろ紹介するとか言って起きながら結局紹介できなかったダメ男です。ちょっと奮起してちょっとずつでもご紹介していくぞ! ということで、いくつかの機能を自分なりに紹介 今回は.first() と .last()、あとはそれに関するものと、.nextUntil() と .prevUntil()、あと.parentsUntil()の5つを書いておきます。 1、.first() / .last() セレクタのフィルタリングメソッドでの追加で、要素の最初と最後を返します。 //最初の要素 $('li','#demo1 ul').first().append(' First!'); //最後の要素 $('li','#demo1 ul').last().append(' Last!'); .first() / .last() DEMO このメソッドは、次に紹介するメソ
ただ「できる」だけではない、多くの有能な人と最高レベルで競い合うことのできるスキルを磨くにはどうすればいいのでしょう? 一人の「天才」的な才能を生み出すのに必要な時間は、マルコム・グラッドウェルが Outliers で紹介したように、10000 時間と言われています。 しかしこれは必要条件であって、十分条件であるとは限りません。普通にチェスを 10000 時間実践していれば、たいていの選手よりは強くなれます。しかしあとになればなるほど時間あたりに得られる経験値は少なくなりますし、強くなればなるほど自分のレベルを高めてくれる相手を探すのが難しくなるので、グランドマスターになりたいのなら、さらに絞り込んだ訓練が必要になります。 ゲームでたとえるなら、「スライムばかり倒していてもレベルは上がらない」と言い換えられるでしょうか。 ただ秀でているというところから、本当に「天才」というレベルにまで人を
時が経つのは早いもので、ぼーとしてたらもう1月も終わりそうですね。外村です。 先日リリースされたjQuery1.4で新しく追加されたメソッドや新しい使い方ができるようになった機能を全部ではないですがいくつか紹介します。以下に変更点が全て掲載されているのでそちらも参照するといいと思います。 Version 1.4 ? jQuery API 新規で追加されたメソッド 1. nextUntil()、prevUntil()、parentsUntil() 指定したセレクタまでの要素を返します。以下の例ではitem3とitem4の後ろにテキストが追加されます。 <ul> <li id="item1">item1</li> <li id="item2">item2</li> <li id="item3">item3</li> <li id="item4">item4</li> <li id="item5
パソコンにデフラグかけてますか? 大好評連載中、「理系の人々」の八回目です。今回は、悪気はないんだけどつい主張してしまう、理系ならではのトーク術をお届けします。 よしたにです。 デフラグとは、記憶領域のデータをできるだけ連続して読み取れるように再配置して、読み取り速度をあげることをいいます。Windowsならドライブのプロパティから最適化を選ぶことでできるようになります。 最近の若い人は知らないかもしれませんが、Windows2000あたりまではデフラグしている様が画面表示されて楽しかったのです(参考:デフラグさん)。最近はデフラグのフリーソフトも出てます。 とまあ、デフラグが本筋じゃなくて、別に言わなくていいことをわざわざ自慢をからめて言うでござるの巻。そうでもないとSSDみたいな地味なもの、自慢する機会がないんだもの。 僕もこないだ買ったレッツノートの自慢がしたいので誰か僕の周りでWi
ウェブサイト 実はユーザー中心設計やユーザビリティ、インターフェースについてちゃんとまとまったサイトは国内には少数です。 ここに挙げたサイトはどれも大変充実したものだと思います。 ※残念ながら、海外の記事を紹介しているブログでよいものは見つからず。 劣化コピペサイトを紹介するのも気が引けるので割愛しました。 ヤコブ・ニールセンのAlert Box ユーザビリティ・ユーザ調査の世界的権威であるヤコブ・ニールセン博士のナレッジを発表しているサイトです。 実際の調査結果、そこに対する考察も含め、とてもよくまとまっています。 アップル ヒューマンインタフェースガイドライン Max OS Xのためのインターフェース資料に始まり、アプリケーションをデザインしている間、心に留めておくべき基礎となるデザイン原則がまとまっています。 もちろん、Windows / Linusユーザーにとっても必見。 ユーザビ
Googleもスマートフォンに参入、ノートPCが完全に主流になるなど、ブロードバンドから逆に回線の「低速化」が起こっています。 参考: 今だからこそ、「軽量なウェブサイト」を作ることが重要、というお話 また、GoogleはWebの表示速度をPageRankに加味することを検討中であることを明言しています。 ただ、そうは言ったものの、ちゃんと実装しないと話しにならない訳で・・(大汗 細かいことでもちゃんと積み重ねて行かねばと。 というわけで、軽快なサイトを実装するためのTipsを自分のサイトで使ったのを備忘録的にここにも書いておきたいと思います。 まずはまとめ記事から 原則を押さえてから、細かいところに行った方が効率がよいかな、と思います。 30分でできる!Webサイトを高速化する6大原則 最適化を行うための観点が簡潔にまとまっていて、高速化チェック項目として有効です。 具体的な方法もいくつ
GoogleChromeでブラウジング している時に良く使っているショート カットキーをご紹介します。基本的 には左手でショートカットキーを使う ので良く使うのも左手で出来るもの が中心となっています。「そんなの 基本じゃん」という方はスルーの方向で・・ 使い易さ等は個人差が生じるので参考程度という事で。。。WindowsユーザーなのでWindowsでのショートカットになります。 コピー(Ctrl+C)、ペースト(Ctrl+V)、切り取り(Ctrl+X)、undo(Ctrl+Z)、全選択(Ctrl+A)、Ctrl+マウスの上下でページの拡大縮小などなど基本的なショートカットは割愛します。 [note]一応キーボードの画像を載せますが、キーの場所は共通ではありませんので参考イメージとしてご覧下さい。[/note] リロード Ctrl+R ページをリロードします。Fxでも使っていました。F5で
HTML5 + flash hybrid Complexity, reduced Supporting HTML5 audio can be tedious in modern browsers, let alone legacy ones. With real-world visitors using browsers ranging from mobile Safari to IE 6 across a wide range of devices, there can be many support cases to consider. SoundManager 2 gives you a single, powerful API that supports both new and old, using HTML5 audio where supported and optional
A cognitive architecture is a theoretical framework that aims to describe the underlying structures and mechanisms that enable a mind—whether in natural organisms or artificial systems—to exhibit intelligent behavior. It encompasses the fixed structures that provide a mind and how they work together with knowledge and skills to yield intelligent behavior in a variety of complex environments. Cogni
The Tooltip A great tool for designing better layouts and more intuitive user-interfaces. Tooltips can contain any HTML such as links, images, forms and tables. This tooltip is vertically centered on the top edge of the trigger element. The Story Tooltips are one of the most important JavaScript widgets on the web. Although important, they also happen to be a very badly misunderstood and poorly im
If you need a really simple and basic Crossbrowser Tooltip on your website, this <1kb tooltip CSS script might be the one for you. Here is the 4 line magic (3lines css, 1line html): a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/ a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;} a.tooltip:hover span{display:inline; position:absolute; b
「CSSで段組したらFirefoxで背景が出ねーよっ」て話をよく聞くので色々試してみました。 コンテンツメニュー 元になるHTML 特に何も考えずfloatを使った場合 外のボックスに幅を与えてみる 一般的な解決方法 その他の解決方法 overflowを使う 最終回答 番外編 更新履歴 このドキュメントについて 元になるHTML <div id="container"> <div class="leftBox">内容</div> <div class="rightBox">内容</div> </div> 例1(ブログ) class="leftBox"のボックスの内容は「サイドバー」。class="rightBox"の内容は「記事部分」。 例2(ウェブサイト) class="leftBox"のボックスの内容は「ローカルナビゲーション」。class="rightBox"の内容は「情報」。 例3
Robert’s talk Robert Nyman氏が自身のブログにおいてTools for concatenating and minifying CSS and JavaScript files in different development environmentsのタイトルのもと、JavaScriptとCSSを結合して単一のファイルにまとめたり、それぞれをミニファイするための14のツールを紹介している。WebサイトやWebアプリケーション開発に利用できるツールのまとめとして興味深い。紹介されているツールは次のとおり。 PHP Minify JavaScriptおよびCSSのミニファイ、結合、Gzip圧縮、キャッシュ対応 Combine JavaScriptおよびCSSの圧縮、複数URL結合機能 SmartOptimizer オンデマンドでミニファイ、圧縮、キャッシュ、結合、組み
You are looking at archived content. The hot new stuff is happening at Veerle's blog 3.0. You should check it out! Today I took the challenge to style a form in CSS instead of a traditional table. With forms it's always not that obvious to use CSS instead of table tags. First of all I created backgrounds for my labels and for my fields on the right. The left (.col1) and right (.col2) columns are d
This jQuery plugin is an attempt to recreate Google's imageless buttons and prove that it doesn't take a whole team of engineers and an endless cycle of code revision and quality control (their own words) to pull this off. I don't know how Google did it, but my buttons automatically adapt to paddings and other styling you wish to use. They allow for a lot of stylistic customisatoin via a few lines
ateşli sevgilisi fantezisini yaşamak istediğini söyler porno ona arkadaşları varken onunla gizli saklı seks yapmak istediğini sikiş söyleyen kız hafta sonu için gelen arkadaşının görmediği bir sikiş açıdan sakso çekmeye başlayınca adamın yarağını bu altyazılı porno şekilde indiremez ve açık şekilde salonda sikişimeye sex izle başladıklarında misafir kızı da bu sekslerine rokettube konuk ederler se
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く