archive-com.com » COM » N » NITOYON.COM

Total: 757

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • アドビの新サイトがすごいことになってる - てっく煮ブログ
    何はともあれ 会社情報を表示するページで関連のない別会社の看板を表示して しかもそれが消費者金融というのは ちょっといかがなものかと思ってしまう いや 消費者金融を悪く言うつもりはないんだけど よくあることなのかもね 深読みはいいとして 実は 英語版の会社情報のページ でも同じ画像が使われている ということで おそらく日本語が読めない人間が この写真はクールだぜ とかなんとか言って 文字の内容までは考えずにイメージ画像に採用したんだろう そういや 日本人は意味も分からずに横文字を使うから ネイティブの人が読んだらギョッとすることがある という話を聞いたことがある 今回のケースはその逆バージョンなのかもしれない たしかにこれはギョッとする ここから学べることとしては 写真素材を使う場合には そこに書いてある文字を英和辞典で調べるぐらいのことはしましょう ってことぐらいか 2007 12 10 23 00 追記 Adobe 日本法人側で対策したようで 日本版のサイトでは上記の画像は出なくなりました 残念なことにつめが甘い アドビのサイトのあの画像が修正されたとおもったら マイチキンハート によると 日本版でも背景画像としてうっすら使われているようです 英語版にはまだ残っているので 興味のある人は 英語版 を見てください Tweet 2007年12月10日 編集履歴 Ruby で Web2 0 笑 C の std vector に v 3 1 4 で push back Please enable JavaScript to view the

    Original URL path: http://tech.nitoyon.com/ja/blog/2007/12/10/adobe-new-design/ (2016-02-13)
    Open archived version from archive


  • ICO の GPL 違反について詳しい友達に聞いてみた - てっく煮ブログ
    再リンクできるようにしとかないといけない といった制約はある それに対し GPL なライブラリだと 動的リンクでも GPL に縛られるようになる とするが一般的のようだ ICO の件 今回の ICO では libarc という GPL のライブラリを利用していた だから余裕でアウトになる GPL を含んでいるバイナリには GPL が適用されるわけで そのソースを公開しないといけない GPL の公開範囲は 厳密に言うとかなり曖昧なのが現状で 抜け道というかグレーゾーンはある 例えば プロセス間通信して GPL なバイナリと通信しているだけだよ と主張すると GPL が適用されるかは微妙になってくる この辺のグレーなところを包括しよう というのが今話題の GPLv3 だそうだ 補足 Software Licence は民事なので 実は 訴えられない限りは 社会的評判はさておき 大丈夫だったりする さらに GPL はしょせん仕様許諾なので 提供者から GPL でない個別ライセンスを提供してもらう 金払うとかコミュニティごと買収するとか っていう手もある 参考リンク オープンソースで行こう 第2回 オープンソースライセンス事情を俯瞰する ICOのGPL違反問題 フツーな日常 ITmedia エンタープライズ GPLにまつわる10個の誤解 1 3 GNU General Public License

    Original URL path: http://tech.nitoyon.com/ja/blog/2007/12/04/ico-gpl/ (2016-02-13)
    Open archived version from archive

  • viewport なし
    色んな素材がごった煮になった様子をお椀で表現しています 湯気が てっく に見えるのが隠し味になっています てっく煮 の右肩の 4 を と よん と読むことで ドメイン名の tech nitoyon com と等しくなります ブログ記事 これがスマートフォン向けサイトを作るときの viewport 設定3パターンだ のデモページです viewport なし viewport あり ピンチ可 viewport あり ピンチ不可

    Original URL path: http://tech.nitoyon.com/ja/blog/2013/02/15/viewport/no-viewport.html (2016-02-13)
    Open archived version from archive

  • Google がまだ Flash を使っているサービスでみる脱 Flash の難しさ - てっく煮ブログ
    YouTube は H 264 と WebM に対応しているので すべてのブラウザーの最新版で video タグを使える 状況にはあります デフォルトが Flash から video タグに変わる日も近いかもしれません ただ Google Chrome では YouTube の H 264 動画は再生できないようになっていて YouTube には WebM 化できていない動画が残っています HTML5 化しました と大々的に発表しておきながら 昔の動画を見たら Flash Player が動きました では悲しすぎます 2010年4月 2011年4月の 1 年間で全体の 3 割の動画の変換が完了したようなので それ以後に変換のペースが上がっていることを期待します その2 ストリート ビュー Google Maps のストリートビューでも Flash が使われています Google Chrome でストリートビュー表示中に右クリックして確認 iPhone や Android に関しては ストリートビューは Flash ではなくネイティブ アプリで提供されているようです なぜ Flash が使われているか ストリートビューのリリース時 ブラウザー上でパノラマ表示を行うためには Flash が現実的でした 独自にプラグインを作成することも可能ではあったでしょうが 多くの利用者に使ってもらうためには敷居が高い上に ブラウザーごとにプラグインを作成するのは大変です HTML5 化に向けての動き 2011年10月 MapGL ベータ版が公開されました MapGL は canvas の 3D 版ともいえる WebGL 技術を利用 しています その結果 MapGL 版の Google Maps では 地図のスムーズなズーム 45 Imagery のスムーズな回転 地図とストリートビューへのシームレスな遷移 ストリートビューの表示 が実現されています 詳しくは次の動画の 40 秒あたりからを見ると分かりやすいでしょう ここに YouTube の動画が表示されています このように 脱 Flash に向けての動きが進んでいます しかし Internet Explorer が WebGL に対応しないことを明言しており 参考 こちらも当分は PC 上では Flash がデフォルトになりそうです その 3 グラフ表示 Google アナリティクスではグラフの表示 Flash が利用されています また Google ファイナンスでも グラフの表示に Flash が利用されています なぜ Flash が使われているか Google アナリティクスや Google ファイナンスのリリース時 canvas はまだ未成熟でした IE が canvas をサポートしていなかったため ブラウザー シェアの点からも Flash が現実的でした HTML5 化に向けての動き Google アナリティクスは 2011年3月にリニューアルしていますが リニューアル後もグラフ表示には Flash が使われています Google アナリティクスや Google ファイナンスは PC からの利用がほとんどなので HTML5 化してもメリットやインパクトは小さいのかもしれません 追記 2012 03 01 Google アナリティクスのグラフが HTML5 化されたようです Flash ではなく SVG を使って描画しています 公式発表では アナリティクスの高速化 として表明されています クライアント側にデータをキャッシュして高速になったようです 一方 2010 年 3 月 Google は HTML5 でグラフを描画する Google Public Data をリリースしています このサービスのグラフ描画には canvas や SVG などの HTML5 技術がフル活用されています その 4 アップロード機能 Gmail の ファイルを添付 リンクは実は Flash です なぜ Flash が使われているか Flash の機能を使うと 複数ファイルの同時アップロード アップロードの進行状況をリアルタイムに表示 を実現できます この両方の機能を活用するために Gmail では Flash をこっそり埋め込んでいます 添付 ボタンが Flash になっているおかげで アップロードの進捗状況をリアルタイムに表示できるのです 気づいている人は少ないかもしれませんが Gmail の設定画面の 高度な添付機能 には メールにファイルを添付するときに進行状況を表示します また 一度に複数のファイルを添付できます Flash が必要です と書いてあります HTML5 化に向けての動き HTML5 では input type file タグの multiple 属性を使えば 複数ファイルのアップロードが可能になりました しかし IE9 ではサポートされていません アップロードの進行状況表示については XMLHttpRequest の新仕様 XMLHttpRequest Level 2 から 2011年12月にマージ では upload onprogress で進行状況を取得できます 3 Google ドキュメントのトップページでは input type file の multiple 属性を利用して複数ファイルのアップロードが実現されています IE9 では Flash を利用する親切実装になっています このように 最近のプロダクトでは積極的に HTML5 の機能を利用しているようです その 5 広告 Google アドセンスでは テキスト 画像 Flash の3種類の広告がサポートされています そして Google 自身の広告も Flash を使って作られています なぜ

    Original URL path: http://tech.nitoyon.com/ja/blog/2012/02/28/why-google-still-uses-flash/ (2016-02-13)
    Open archived version from archive

  • Flash 11、AIR、HTML5、Unity のド派手なゲーム事例を紹介するよ - てっく煮ブログ
    Round 4 スクウェア エニックスが取り組む ブラウザでの家庭用ゲーム機クオリティの実現 GameBusiness jp に詳しい解説記事があります AIR AIR を使えば Flash を使って iPhone や Android 向けのアプリを開発 できます 通常のアプリ開発であれば iPhone Android それぞれの SDK で用意された UI 部品を使ったほうが自然な使い勝手になるとは思います ただ ゲームに関しては 全画面になってしまえばゲームの世界です iPhone 風 Android 風のインターフェースである必要はありません AIR を選択すれば iPhone Android 向けに共通のコードを使えるのは大きなメリットです AIR が実用レベルに達しているのは モバゲー GREE それぞれが AIR 対応の動きをしているところからも読み取れます ディー エヌ エーでは まもなくリリース予定の Mobage SDK for Adobe AIR の紹介が行われた 中略 これは平たく言うと Flashで作ったゲームにMobageで必要になるさざまざな機能を提供するというもので ログイン機能やソーシャルグラフ管理 課金機能などをサポートしている 4Gamer net ブラウザでここまで動く ソーシャルゲームに焦点を当てたアドビの開発者イベント ADC MEETUP Round 04 Social Gaming レポート グリーでも AIRベースのFlashの開発環境を用意している 中略 どうしてAIRを選んだのかというと 中略 Flashのパフォーマンスが高いこと Flashの開発者が非常に多いこと これまで作ったアセットや経験を生かしたゲームができるということなどが要因となったとのこと 4Gamer net ブラウザでここまで動く ソーシャルゲームに焦点を当てたアドビの開発者イベント ADC MEETUP Round 04 Social Gaming レポート HTML5 とゲーム スマートフォンで有名なゲーム Angry Birds と Cut the Rope はいずれも HTML5 化されています ありふれた表現をすれば Flash じゃないとは思えない 仕上がりになっています 事例1 Angry Birds Chrome Angry Birds Chrome は鳥を投げて 目標にぶつけるというシンプルなゲームです 昔 紹介した 引越し奉行 に似ています Chrome という名前の通り Google Chrome に向けて最適化されているようです このHTML5 版は Google I O 2011 で Chrome Web Store と同時に公開されました 参照 自分の環境だと少し重い印象でしたが SD Version にすると少し軽くなりました 事例2 Cut the Rope 一方の Cut the Rope はロープを切って カエル にボールを食べさせるアクション パズルゲームです こちらは IE9 のプロモーション用として作成されました 他のブラウザーでも遊べますが しばらく遊んでいると IE9 じゃないと先のステージに進めないようになっています Cut the Rope Behind the Scenes 英語 には開発の裏側が書いてあります こちらは一部 IE ヨイショの記事になっていますが HTML5 でゲームを作成するときに気をつけることが書いてあるので参考になると思います プロモーションで HTML5 化 2 つのゲームが HTML5 化された経緯を見ると 両方とも ブラウザー ベンダーが PR のためにスマホで有名なゲームを HTML5 化させたものになっています 速くなりました とか すごいです と説明するよりも 実際にゲームが動いているところを見るほうがインパクトあるのは確かですね 他にもHTML5 を利用したゲームはたくさん登場しています 海外のまとめ記事ですが HTML5 で作られたゲームが紹介されています いずれの記事もキャプチャー画面付きなので 英語が苦手な人でも気になるものを試せるでしょう The top 20 HTML5 games Feature net magazine The Best 30 HTML5 games Unity での Flash 書き出し 最近注目のゲームエンジン Unitfy にも触れておかねばならないでしょう Unity は 3D や物理エンジンがデフォルトで用意されていて リッチな GUI で空間上にオブジェクトを配置したり スクリプト JavaScript C Boo Script で処理を書くことができます 独自のプレーヤーも配布していますが Flash での書き出し をサポートしている点に注目でしょう Flash の形式で公開されている Unity 製のゲームで面白いと思ったのが Trail Drift です 3D でさくさく遊べて 浮遊感も楽しいです ただし URL を twitter に張ったところ Flash Player がクラッシュする という人もいたようなので Flash 書き出しは若干不安ではあります 純粋な Flash でもクラッシュする という声が聞こえてきそうですが Unity を使ってみたい人は 4Gamer net 完全図解 超初心者でも大丈夫 話題のゲームエンジン Unity での3Dゲーム作成入門 が分かりやすい入門記事でした Page2 のスクリプト が全角 Cube に関連付ける処理が抜けている Page3 には記述あり Quatanion EnlerAngles Quaternion EulerAngles などの誤植がありますが 非常に丁寧にまとまっています あとがき ちょうど ADC MEETUP Round 04 Social Gaming という Flash とソーシャルゲームについてのイベント が開かれたところで そちらのニュース記事も面白いと思います だいぶ Flash ヨイショですが 4Gamer

    Original URL path: http://tech.nitoyon.com/ja/blog/2012/03/01/flash-html5-games/ (2016-02-13)
    Open archived version from archive

  • pageant.exe の仕組みと危険性 - てっく煮ブログ
    を起動したユーザーが同じかどうかを確認する 異なる場合はエラーを返す pageant を起動したユーザー以外がリクエストできなくするため リクエストに応じて処理を行い 結果を共有メモリに書き込む answer msg 関数 pageant と PuTTY でやり取りされるデータ 通信の仕組みが分かったので 次は SSH2 接続するときの流れを見ていく リクエストの種類に応じた ID が定義されている SSH1 AGENTC REQUEST RSA IDENTITIES SSH2 AGENTC REQUEST IDENTITIES SSH1 AGENTC RSA CHALLENGE SSH2 AGENTC SIGN REQUEST SSH1 AGENTC ADD RSA IDENTITY SSH2 AGENTC ADD IDENTITY SSH1 AGENTC REMOVE RSA IDENTITY SSH2 AGENTC REMOVE IDENTITY SSH1 AGENTC REMOVE ALL RSA IDENTITIES SSH2 AGENTC REMOVE ALL IDENTITIES このうち PuTTY が SSH2 するときには SSH2 AGENTC REQUEST IDENTITIES と SSH2 AGENTC SIGN REQUEST のみが利用される 処理の流れを見てみよう PuTTY が接続先のサーバーに SSH2 接続を開始し 公開鍵と公開鍵で署名 暗号化 されたデータを受け取る 署名前のデータはサーバーのみが知っている PuTTY は pageant に SSH2 AGENTC REQUEST IDENTITIES をリクエストする この結果 pageant が知っている鍵の一覧を取得できる 秘密鍵ではなく 公開鍵の一覧が渡されることに注意 PuTTY は 1 で知った公開鍵が 2 の一覧に存在するか調べる 存在する場合は pageant が秘密鍵を知っていることを意味する 存在しない場合は pageant の利用を諦める PuTTY は 1 でサーバーから得た公開鍵と暗号化されたデータを pageant に渡す このときのリクエスト ID が SSH2 AGENTC SIGN REQUEST データを秘密鍵で署名してくれ ということ SSH2 AGENTC SIGN REQUEST を受け取った pageant は メモリ上に保有している秘密鍵で与えられたデータを署名して 共有メモリに書き込んで PuTTY に処理を返す PuTTY は秘密鍵を知ることなく 秘密鍵で署名されたデータを受け取る サーバーが公開鍵で署名したデータを 秘密鍵で署名した状態 つまり サーバーが暗号化する前の原文を知ることができた これ以降の通信では 共通鍵が用いられるので pageant の出番はない 注目すべきは pageant が保有している秘密鍵が外に漏れることはないこと pageant は秘密鍵は漏らさず 与えられたデータを秘密鍵で署名する機能だけを公開している 分かったこと 当たり前のことなんだけど pageant が起動中は 同じユーザー権限で起動している 任意のプロセスが pageant が知っている秘密鍵を使って データを署名できる 悪意のあるプロセスは プロセス間通信を利用して SSH 接続を開始するのに十分な情報を知ることができるわけだ しかも これらのプロセス間通信は 利用者が気づかないところで行われる 警告のウインドウは表示されない この問題に対処すべく PuTTY ごった煮版の pageant では 右クリックのメニューに 常に要求を確認 という項目が追加されている チェックしておくと 何らかのプロセス PuTTY や WinSCP3 を含む が秘密鍵での署名を要求してきたときに 次のような確認ダイアログが出るようになる 悪意のあるプロセスが署名しようとしても その手前で気づけるわけだ Windows Vista の UAC のようなイメージ ちょっと面倒だけど

    Original URL path: http://tech.nitoyon.com/ja/blog/2008/01/07/pageant-security/ (2016-02-13)
    Open archived version from archive

  • はてなブックマークの入れ替わり激しくない人気エントリーを見る方法 - てっく煮ブログ
    1 週間後に スコアリングが補正 されている 現在では 100 200 users ぐらい集めないと 1 位にはならないような印象がある 以前の計算方法で人気エントリーを見たい さて タイムリーな話題が分かるようになったのはいいけど みんながみんな 四六時中 はてなブックマークを見ているわけではない タイムリーな記事ではなく 今日話題になっている記事を知りたい という人も多いはずだ 日別ランキングがあるじゃないか 実は 以前の人気エントリーに相当するようなページがある それが http b hatena ne jp hotentry daily だ daily という URL の通り その 1 日の人気エントリーがブックマーク数順に並んでいるようだ 上位にブックマーク数の多いエントリーが並んでいる 昔の人気エントリーのアルゴリズムと完全に同じではないんだけど かなり近い印象がある 懐かしい 一番下までスクロールすると 過去の日付にさかのぼるリンクもある 前日 前々日あたりの人気のエントリーが気になるなら そちらもチェックするとよいだろう 週間 月間ランキングもあるよ さらに少し長いスパンでの人気エントリーを探したい場合は はてなブックマークランキング 週間ランキング はてなブックマークランキング 月間ランキング を見るとよい 新しいトップページからはリンクされてないけど まとめ 人気エントリーの算出方法が変わってタイムリーな記事が上位に来るようになったよ 前のような ブックマーク数至上主義 なランキングを見たいなら 日別ランキング 週間別ランキング 月間ランキング が便利だよ というお話でした 新しいトップページについての個人的な感想は 確かに一覧性は悪くなったけど 初めて見る人には親しみやすいデザインになったんじゃないかな

    Original URL path: http://tech.nitoyon.com/ja/blog/2013/01/25/old-hotentry/ (2016-02-13)
    Open archived version from archive

  • rsync の複雑怪奇な exclude と include の適用手順を理解しよう - てっく煮ブログ
    と覚えておこう ルール2 上の階層から順番に調べる いきなりクイズ 次のコマンドを実行したとき src フォルダーにある public html index html はコピーされるだろうか rsync av include index html exclude public html src dst このコマンドのフィルターは次の 2 つ include index html exlclude public html public html index html は両方のフィルターにマッチしそうだ さきほど 先頭のフィルターを優先する と説明したので 1 つ目のフィルターを優先してコピーされそうに思える しかし 答えは コピーされない である その理由を説明していこう まず最初に上の階層をチェック rsync は public html index html をコピーするか判定する前に 上の階層の public html をコピーするかどうかを確認する public html に対して 2 つのフィルターを順番に適用する include index html にはマッチしないので先へ進む exclude public html にはマッチする exclude になった場合 それより下位のフォルダーは確認しない つまり public html index html は問答無用でコピー対象から除外される フォルダー内の特定のファイルのみを転送するには では public html の下の index html のみをコピー対象とするにはどう設定すればよいだろうか 答えはこうなる rsync av include index html exclude public html src dst 順番にみていこう まず最初に public html に対して 2 つのフィルターを適用する include index html にはマッチしないので先へ進む exclude public html にもマッチしない は 1 文字以上の任意の文字にしかマッチしない include にマッチしたときと どのフィルターにもマッチしなかったときは 下の階層のチェックに進む ということで public html index html に対して 2 つのフィルターを適用してみよう include index html にはマッチする include にマッチしたので 次の階層のチェックに進む が これが最後の階層なので public html index html はコピー対象となる 同じように考えていけば public html other html が除外されることも分かるだろう 参考 擬似コード ここまで文字で長々説明してきたが プログラムが読める人なら 擬似コードで説明したほうが早いだろう 読めない人は飛ばしてね public html index html をコピーするか確認 上の階層から順番にチェックする foreach name in public html public html index html 1 つ目のフィルターから順番にチェックする foreach filter in filters if filter match name filter if is exclude filter exclude フィルターにマッチしたらその場で中断 return false else include フィルターにマッチしたら 次の階層のチェックに移る break include にマッチしたとき 1 つもマッチしなかったときはここにくる すべての階層で除外されなければコピーする return true ルール3 個別のフィルターの記法いろいろ あとはフィルターの記法を知ってれば完璧に理解できるだろう foo は何にマッチするか 単に foo というフィルターを書いたとき 末尾部分が foo になっているファイルにマッチする foo abcfoo abc foo foo abc 正規表現で書くと foo となる から始めると 一方 から始めて foo のようにすると マッチ対象が先頭のみになる foo abcfoo abc foo foo abc 正規表現で書くと foo となる で終わると 末尾に をつけると 対象がフォルダーのときのみマッチする foo は foo がフォルダーのときはマッチするが ファイルのときにはマッチしない や を使ってみる 記号についてもまとめておこう 記号 意味 対応する正規表現 以外の 1 文字以上 を含む 1 文字以上 以外の 1 文字 たとえば png を正規表現で書くと png となる abc png や foo abc png にはマッチするが abc png foo や png にはマッチしない さらに は foo のように指定することで フォルダーとその配下のファイルをまとめて指定できる foo と指定するのは foo と foo の両方を指定することと等しい a z を使う 正規表現のように マッチする文字の範囲を指定できる a z のように特定の文字以外にマッチするようにも書ける POSIX クラスで digit

    Original URL path: http://tech.nitoyon.com/ja/blog/2013/03/26/rsync-include-exclude/ (2016-02-13)
    Open archived version from archive



  •