tag:blogger.com,1999:blog-181259842024-03-13T08:48:38.254+09:00レッド ■ ワン: red-one主な議題: Web,Mozilla Firefox,PC,Blogger / blog アレコレ といったもの,・・・のようで自分の日々の泡を綴ったブログ.Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.comBlogger79125tag:blogger.com,1999:blog-18125984.post-72626499408390649492012-12-03T23:31:00.002+09:002012-12-03T23:31:33.254+09:002012年12月03日の日記昨日(12月02日)の笹子トンネルの崩落事故で、会社の同期が亡くなった、らしい。
頭が疑問符だらけだった。
何故? 何故? 何故?
詳しいことを調べようとしたら、悲惨な現実しか分からなかった。
現実ってなんだ?
そいつとの付き合いは、そんなに長い訳ではない。
一緒に遊んだこともない。
年下だし、趣味や嗜好も全く 違うように感じていた。
しかし、気の置けない友人だと僕は思っている。
少ない時間でも共有した内容のほとんどを覚えている。
会社の独身寮の一番隅の部屋。
ディスプレイが壊れて3/4しか映らないノートパソコンで音楽を掛けていた。
音楽を鳴らす分には、困らないと言っていた。
Jazzが好きだった。
父親からサックスだかを譲ってもらったという話をしていた。
自作の灰皿を見せてもらった。中央にタバコの火を消せるように穴が窪んでいるデザインだった。
機能性はまずまずだが、 デザインセンスはAkanasu.chttp://www.blogger.com/profile/12387358259315002902noreply@blogger.com0tag:blogger.com,1999:blog-18125984.post-990994560120184412010-07-14T23:14:00.000+09:002010-07-14T23:14:09.915+09:00ペルソナ3影時間時計Flash版(DarknessTimeClock)を公開前回、SVG と Javascript でザックリと作成した正式名称不明な「影時間に移行するときに現れる時計」の再現の Flash 版とケータイ待受(Flash Lite 1.1)版を作成しましたので公開します。
PC向けhttp://red-one.appspot.com/DarknessTimeClock.swf
http://red-one.appspot.com/kagejikan_clock.svg(SVG版)ケータイ向けhttp://red-one.appspot.com/DarknessTimeClock4m.swfケータイ向けには、下のQRコードでアクセスください。
さて、次は Android アプリでしょうか?Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com0tag:blogger.com,1999:blog-18125984.post-76635220650358258612010-03-08T22:56:00.004+09:002010-03-08T23:08:20.239+09:00Youtube でリピート再生するスクリプト repeat-play-script 小ネタです。 Youtube の動画をリピート再生するサイトやサービスはいくつかありますが、リピート再生のために別サイトに移動すると動画の再読み込みが発生することがあります。 そこで、ページ遷移無しでリピート再生を可能にするスクリプトを作成しました。 作成には以下の情報を参考にさせて頂きました。Youtubeのムービープレイヤーを制御する - 強火で進めYouTube JavaScript Player API リファレンス - YouTube の API とツール - Google Codeスクリプトjavascript:(function(){_gel('movie_player').addEventListener("onStateChange","(function(newState){if(newState==0){_gel('movie_player').seekTo(0,Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com0tag:blogger.com,1999:blog-18125984.post-46489219657616726412009-11-07T23:01:00.001+09:002010-05-23T22:45:11.980+09:00【P3P発売記念】ペルソナ3影時間の時計を再現『ペルソナ3ポータブル』公式サイト
『ペルソナ3』及び『ペルソナ3ポータブル』劇中での「影時間に移行するときに現れる時計」を Web アプリとして再現してみました。
劇中ではタルタロスに行く2~3秒しか表示されないビジュアルですが、非常に印象的でアプリで探していたのですが、なかったので自作しました。
機能としては、通常のアナログ時計の機能のみです。
http://red-one.appspot.com/kagejikan_clock.svg
ブラウザ上から上記 URL にアクセスするか、下記コードを利用してください。
<iframe src="http://red-one.appspot.com/kagejikan_clock.svg" />
動作について 実装は、SVG + Javascript です。SVG は Illustrator で作成し、Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com7tag:blogger.com,1999:blog-18125984.post-87180390401995894372009-07-20T22:35:00.002+09:002009-07-20T22:53:53.080+09:00アイコン・セット - Gray_Panel個人用に作成したアイコンに+αして公開します。サイズは今のところ、32x32pxのみ。需要があれば、他サイズや、更に+αなどして順次公開していこうかと考えます。以下から、閲覧及びダウンロード可能です。/Gray_Panel_IconSet/32x32/gray_panel_iconset32x32.zipCreated by Akanasu (@live.jp)ライセンスは一応、Creative Commonsに準ずるものとしますが、特に規定は定めません。個人の判断でダウンロードしてください。Adobe Illustratorで作成しました。Illustrator用の.aiファイルも以下に置きます。色調整、サイズの調整などにお使いください。http://files.getdropbox.com/u/714635/Images/notetype_icon.aiご意見・ご感想をお聞かせくだAkanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com0tag:blogger.com,1999:blog-18125984.post-59336005897765964872009-04-16T00:51:00.003+09:002009-04-16T01:01:55.699+09:00CrunchPadについての続報CrunchPadの続報ということで前回に続いて動きを追ってみます。(前回記事参照: レッド ■ ワン: red-one: CrunchPadは素晴らしいと思う)安価・シンプルなタブレットPC「CrunchPad」、まもなく登場?CrunchPad―われわれのタッチパッド・コンピュータの新しい写真しかし、今回の発表はリーク情報を受けてとなっている為、正式な発表ではなく詳細な仕様等は現時点では判明していません。従って、自身も曖昧かつ希望的観測を持ってしか語ることができません。外観について 画像を見る限りではかなりの薄型化が実現されている模様。厚さ3.3センチあったB版のどうにもモッサリした外観と比べ、メタリック仕様でよりスリムによりスタイリッシュなデザインになっているのでは?これは普通に置いてあっても違和感はないですね。というか縦置き・斜め置きに対応したスタンドが何気に秀逸。ソフトについてAkanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com0tag:blogger.com,1999:blog-18125984.post-89024594331385047372009-02-11T16:16:00.002+09:002009-02-15T01:32:09.868+09:00Blogger ブログの要約記事をトップページに表示するアイディア久々の Blogger ネタ、でもアイディアだけ。テンプレートの変更を考えていまして、トップページの表示をなるべく簡素にしたいと思い、タイトル(と記事の要約)のみの表示へ変更する予定です。記事の要約のみを表示して、「続きを読む」リンクなどを設置する方法は以前からあり、こちらで詳しく解説されています。Envy Inc.: 「続きを読む」をベータに継承クリボウの Blogger 入門: Blogger にも「続きを読む」機能ただし、この方法は(今までのものを含め)全ての記事内容をそれ専用に編集しないとなりません。そこで、アイデアというか思いつき。Blogger ブログで配信しているフィードにはサマリィ(要約:この場合は最初の数百文字程度)だけを抜き出したものがあります。詳しくは、こちらを。clmemo@aka: Blogger Beta の各種フィードのまとめ自分のブログを例に挙げれば、Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com2tag:blogger.com,1999:blog-18125984.post-19573957216605585422009-01-29T21:54:00.002+09:002009-01-29T22:04:06.514+09:00この度、Akanasu と改めます この度、当ブログ筆者のHNを改めまして Akanasu (または、Akanasu.c)とします。 以前から他サービスへの登録アカウント名などは Akanasu としてきて、ユーザ情報等も徐々に変更していたのですが、当ブログでの著者名もここでいい機会ですので一新したいと思います。 変更に至った経緯としては、jyunというアカウント名が一般過ぎて取得しにくいこと。また、同名や似た名前の方が多いことなどが挙げられます。 他には、元々本名を捩った名前で気恥ずかしいというのもある。 まぁ、分不相応で飽きたと言えば手っ取り早い。 因みに『あかなす』とは、トマト出典: フリー百科事典『ウィキペディア(Wikipedia)』トマト(学名Solanum lycopersicum)は、ナス科ナス属の植物。赤茄子(あかなす)、蕃茄(ばんか)、小金瓜(こがねうり)などとも言う。多年生植物で、その果実は食用Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com0tag:blogger.com,1999:blog-18125984.post-34320639025543901582009-01-25T21:39:00.002+09:002009-01-25T21:46:50.928+09:00CrunchPadは素晴らしいと思うLong Tail World のSatomi氏のこの記事から密かに動向を伺っていた200ドル・タブレットPC。TechCrunchオリジナルのタブレットPCのプロトタイプB、ついに完成TechCrunch Japanese アーカイブ » 超シンプルな$200ウェブタブレットが欲しい。プロジェクト参加者募集中>>see alsoLong Tail World: シニアのデジタルデバイド:Digital Divide of Seniorsプロトタイプだが、一応の動作をするものができたらしい。通称『CrunchPad』と命名されているらしい。全く素晴らしいプロダクトだ。因みに、重さ3ポンド≒1.36[kg]、厚み1.3インチ≒3.3[cm]である。昨年中頃から始まった(らしい)プロジェクトも半年足らずでちゃんとした形にするバイタリティは見習うべきものがあります。ただし、個人的にAkanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com0tag:blogger.com,1999:blog-18125984.post-37627774746599879222009-01-19T22:20:00.000+09:002009-01-19T22:26:42.612+09:00年末年始の悲交々年末年始と、誰かに呪われてるのではないかというくらいに立て続けに病気に掛かりまして、PCはおろかケータイのディスプレイを見ることすら気分が悪くてできない状態でした。やっと、体調も元に戻ったので停止していたネット活動を再開したいと思います。まずは、当ブログのデザインを作り直ししたいと思っていたので、その為の準備に取り掛かります。Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com0tag:blogger.com,1999:blog-18125984.post-54171393199966504912008-12-16T01:08:00.003+09:002008-12-16T01:16:39.347+09:00Firefox の新規blankページをカスタマイズカスタマイズと言ってもスタイルを適用するくらいですが。できること 背景色の変更や画像の表示ができます。こちらのページ(FireFoxの空白ページを彩る「Dark Firefox」: DesignWorks)にあるようなものを全く一切の拡張機能なしで実現する方法を提案。対応: Fx2 ~(画像表示に対応しているのは2.0からでした)一部拡張機能と競合します。Speed Dial や Auto Dial などをインストールした状態では効果はありません。ユーザスタイルシートの利用 具体的なやり方については、Fxのユーザスタイルシートを使います。サンプルコード@-moz-document url("about:blank") {html {}body { margin: 0; width: 100%; height: 100%; background: #000000 center Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com1tag:blogger.com,1999:blog-18125984.post-3949553333824522732008-11-29T22:45:00.000+09:002008-11-29T23:18:31.082+09:00イタリア旅行してきましたもう、半月ほど前の話ですがイタリアへ旅行に行きました。日程は2008年11月03日~10日(月)。10日は飛行機移動だけだったので(現地9日夜に発、日本10日夜着)、実質的に1週間・6泊8日旅行でした。30人程度の団体ツアー。割合は新婚が7割、定年(間際)夫婦が2割、その他1割といったところ。行程はだいたい以下の通り。ミラノヴェネツィア(2泊)フィレンツェオプションでピサローマ(2泊)オプションでカプリ島4日5日は、イタリアでも珍しく雨、の予報でしたが丁度観光に回っているときには雨に降られず、なかなか良い天気でした。夜中には、雷雨が激しかったですが。少々寒い気もしましたが、帰ってきた日本ほどではなかった。1週間ネットの無い生活でしたけれど、移動移動の連続でそんなことを気にすることもなく。移動中はほとんど寝てたしね。7日間で撮った写真は、400枚以上。ただ見直して見るとこれでも少ないと思うAkanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com1tag:blogger.com,1999:blog-18125984.post-86331423912769938112008-09-29T00:54:00.002+09:002008-09-29T01:00:31.989+09:00横スクロールのサンプルページJavascript で横スクロールするスクリプトのサンプルを以下に掲載.CSS オン,Javascript オンの環境でアクセスしてください.http://akanasu.googlepages.com/vscroll_sample.htmlAkanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com0tag:blogger.com,1999:blog-18125984.post-2575013073696887122008-09-01T00:46:00.007+09:002008-09-04T23:09:01.883+09:00横スクロールするスクリプト ~横長デザインの為に~追記 at 2008.Sep.04Firefoxで Ctrl + PgDn(or PgUp) 時にタブ移動と共にスクロールしてしまう不具合修正.その他に,Shift, Ctrl, Altキー押下時の処理を追加.Home, End キーに対応上記対応のコード修正. 同様にソースファイルも修正しました.追記 at 2008.Sep.02修正ミスを修正.Safariでスクロールイベントが動かない不具合コードも修正. ソースファイルも修正しました. 実験的に横長デザインに変更しようかと思いまして,ユーザビリティを考慮して,まずマウススクロール時に横スクロールするスクリプトを実装してみました.参考JavaScriptでマウスホイールイベントを扱い、スクロールも停止する方法:phpspot開発日誌マウスホイールで横スクロールfunction handle(delta) { if (delta <Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com1tag:blogger.com,1999:blog-18125984.post-46948818414053188242008-07-05T02:34:00.001+09:002008-07-16T01:38:50.355+09:00(本当の駄文) 僕はヒトより絵がうまくなりたい誰よりも絵がうまくなりたい美的感覚を研ぎ澄ませたいどんなツールも使いこなしたいむしろ ツールなんて要らないボーナスも給料も残業代も要らないただ 本物の能力が欲しい耳が聞こえなくなってもいい二度と喋れなくなってもいい色彩だけは失いたくないAkanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com0tag:blogger.com,1999:blog-18125984.post-56092724680623002712008-06-26T22:20:00.002+09:002008-06-26T22:26:42.974+09:00CSS3: Target 擬似クラスを実装するスクリプト sfTarget.js を(勝手に)作り直しCSS3 の Target 擬似クラスというものを IE,Opera に実装するスクリプトです.Target 擬似クラスについてはこちらを参考に.Lucky bag::blog: CSS3 の target 疑似クラスで脚注を動的に表示する# ざっくり説明しようと思ったら意外と難しかったので省きます.# リンク先を見てちょCSS3 で定義されている Target擬似クラスは IE と Opera では実装されていません. 上記エントリィ内でも Javascript で実現するスクリプトが紹介されてますが,スクリプトが読みづらい+意味不明な処理が多いので抜本的に作り直してみました.sfTarget.js: IE,Opera に Target 擬似クラスを実装するスクリプトJS ファイル コメントを削ったちょい軽量版です.http://akanasu.googlepages.com/Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com0tag:blogger.com,1999:blog-18125984.post-73692528700873906762008-06-10T22:48:00.001+09:002008-06-10T22:50:21.412+09:00記念日が一つ増えました本日,6月10日は『時の記念日』らしいです.時の記念日(日本) 「日本書紀」の天智天皇10年4月25日(新暦6月10日)の項に、「漏刻を新しき台に置く。始めて候時を打つ。鐘鼓を動す。」とあることから。大正9年に制定。 6月10日 - Wikipedia より引用本日,午前中に区役所へ行き婚姻届を提出してきました. これからの時を今から刻みはじめるAkanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com2tag:blogger.com,1999:blog-18125984.post-86306687619534259092008-06-05T22:08:00.004+09:002008-06-24T23:44:51.296+09:00Processing Works#2 Cherry Blos.Processing.js 作品.マウスイベントとJavascriptを使用した作品です.マウスで線を描いてください.Cherry Blos.size(400, 400);int cnt=0; //Counterfloat trs(float s) { return 3.5*sqrt(s);}boolean fnc(float s, float r) { if (s<5) { return s+5 > r; } return s*s*4/75+26/3 > r;}void setup() { background(230); strokeWeight(35); stroke(180, 120, 0, 80);}void mousePressed() { point(mouseX, mouseY);}void mouseDragged() { int dx=Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com0tag:blogger.com,1999:blog-18125984.post-59352352414021890632008-06-01T23:58:00.010+09:002008-06-24T23:57:57.898+09:00Processing.js で1週間遊んでみた: Processing Works#1情報元: ブラウザでお絵描きプログラミング! Processing.js 登場! - IT戦記Processing.js がすごいのか Canvas タグがすごいのか,とりあえず遊んでみた.random dotint max=100;Particle prt = new Particle[max];size(200, 200);frameRate(5);int cnt, st;void setup() { cnt=0; st =0; background(0); noStroke(); prt[cnt] = new Particle(); prt[cnt].paint();}void draw() { background(0); if (cnt < max) { cnt++; prt[cnt] = new Particle(); } else if (st < Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com0tag:blogger.com,1999:blog-18125984.post-82160598097729056812008-04-26T21:00:00.001+09:002008-04-26T23:30:54.200+09:00コメント投稿に確認用文字列 comment verification の入力を必須にしました最近,コメントスパムが多いので(一時的に)コメント投稿画面に verification (入力確認用の文字列・または音声)を表示するようにさせていただきました.コメント投稿に一手間掛かってしまいますが,投稿時に表示される文字列を併せて入力してください.従来通りユーザ登録等の制限はございません.あくまで機械のボットと区別するためのものですので何方でも気軽にコメントを残してください.以上です.Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com0tag:blogger.com,1999:blog-18125984.post-7303890727020432342008-03-29T11:15:00.000+09:002008-03-29T11:15:40.120+09:00CTX - Screen Shot: スクリーンショット右クリックメニュー(コンテキストメニュー)にタブ関連の項目を追加する Firefox 拡張機能 CTX スクリーンショットインストールすると右クリックメニューに「タブを閉じる」「右タブに移動」「他のタブを閉じる」「Firefox を再起動」が追加されます.設定から表示する項目を選択可能です.google_ad_client="pub-0582368893612485";/* Firefox アイコンイメージ 180x60 */google_ad_slot="8271023309";google_ad_width=180;google_ad_height=60;google_cpa_choice="";Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com0tag:blogger.com,1999:blog-18125984.post-49106936967304763362008-03-26T01:30:00.003+09:002008-03-26T01:57:10.719+09:00右クリックメニューにタブ関連の項目を追加する Firefox アドオン Context Tab Access Menus 0.1 Released HTML エリアの右クリックメニュー(コンテキストメニュー)に『タブを閉じる』『右タブに移動』などの項目を追加する Firefox Extension(拡張機能). Firefox ブラウザにはタブブラウジングの様々なショートカットキーが用意されていますが,マウスのみで操作するときにはコンテキストメニューから色々操作できた方がいいと思い拡張機能 Context Tab Access Menus (CTX) を作りました. 個人的にはマウスジェスチャよりも,分かりやすい,簡単,確実,初心者向けと考えています.# 自分はマウスジェスチャ好きではないので.# ネーミングセンス0です.ダウンロード ダウンロードページは下記 URL から.Context Tab Access Menus :: Firefox Add-ons 現在,Firefox Add-ons アカウントをお持ちの方のみのAkanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com0tag:blogger.com,1999:blog-18125984.post-2363670588429760112008-03-21T23:59:00.005+09:002008-04-09T23:28:01.557+09:00テンプレ変更しましたブログデザイン変更. ただ今,修正中.数日中はデザインが不安定になるかもしれないですけど,お楽しみください.デザインの段階からHTML構造を意識してしまうから無難なデザインになってしまうAkanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com0tag:blogger.com,1999:blog-18125984.post-41778182728300208672008-01-17T23:48:00.000+09:002008-01-17T23:49:52.207+09:00COLORd Leaf : 名前を色に変換!名前→色変換してくれるだけのシンプルな Web アプリです.Link: http://akanasu.googlepages.com/name2color.htmlこれは何? 入力された文字列(単語,名前,地名,…)に対する色の RGB 値を表示します. RGB 値への変換は独自の変換規則に基づいて文字コード(列)を色情報に変換するものです.使い方 名前を入力して『変換!』ボタンを押してください. 誰にも分からなかった自分の色が分かります. 名前の他にも,思いついた単語を2,3語入力してみてください. よく使う単語の意外な色を楽しみましょう.注意名前は40文字までアルファベットの大文字・小文字は区別されません半角/全角スペースは省略されます名前等の入力された情報の公開,及び第三者への送信はされませんこのアプリケーションは私個人がこのブログ上で公開するために作ったものです意見やAkanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com1tag:blogger.com,1999:blog-18125984.post-87674206036167240032007-12-29T02:02:00.000+09:002007-12-29T02:02:34.020+09:006 + 7 > 13 という考え方see also : MORI LOG ACADEMY: 納得がいかない足し算桁が増えることを何故難しく感じるのだろうか。11や12も、8や9と同じく、1つの数字なのに。ただ、表記が2文字になっているだけのことである。数字を表記する方法の問題なのに、何故計算がややこしくなる(と感じる)のだろうか。…(中略) さて、5+5=10は、気持ち良く覚えられる。また、5+6=11もその恩恵によりまずまずだ。6+6=12も手が届く範囲というか、まだまだ人に優しい。ところが、6+7=13がいけない。一気に難しくなる。これが、桁を越える足し算における最初の難関といえるだろう。MORI LOG ACADEMY より転載 これを読んだとき,ふと懐かしさを覚えた. 小学一年生のときを思い出した. 記憶が掘り起こされたといってもいいかも. これと同じ疑問に陥ったことがある. (まあ,一方的な共感でしかないのですAkanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com0