今回は,先日筆者の勤務するはてなのサービスの一つである「はてなダイアリー」で起こった,使いやすさに関する問題を取り上げてみたいと思います。使いやすさの向上のためにデザインを変更したところ問題が発生し,それをプログラミング言語であるところのJavaScriptを使って解決した,というお話です。 その問題とは,「文字の大きさ」に関するものです。 ブラウザには,文字のサイズを変更する機能が用意されています(図1)。例えばInternet Explorer(IE)なら「表示」メニューの「文字サイズ」から「最大」「大」「中」「小」「最小」の五つの段階を選ぶことができます。Firefoxも「表示」メニューの「文字サイズ」から選ぶことができますが,「大きく」「小さく」というメニューになっており,より自由に表示サイズを変更することができます。 図1:ブラウザでは文字サイズを変更できる ちなみにOperaは
Javaのオンライン学習するサイトJavalaが公開されている。JavalaはWebブラウザでJavaを学習したり、コードの実行結果を確認したりするための環境。タンペレ工科大学で開発されたもので、Java言語の学習を目的としている。リードデベロッパはTimo Lehtonen氏。使用に制限はなく、自由に利用できるとされている。用意されている言語は英語とフィンランド語。 図.1 Javala – Javaラーニング環境 基本的なトピックとしてはJava言語の基礎(基本型、演算子、制御構文、ループ構文、配列)、文字列(編集、比較、結合、トークン化)、オブジェクト(ネーミングとパッケージ、属性、演算、コンストラクタ、リファレンス、生成、削除)、クラス(クラスメソッド、クラス変数、定数、アクセス指定子)、継承(抽象クラス、サブクラス、動的束縛、型変換、比較、インタフェース)、例外(処理、try c
何かを調べていて参考情報をまとめておきたいと思ったことはないでしょうか? ブログを書いているとそんな機会も増えます。そんなブロガーのためのFirefox拡張がこの「Zotero」(もともと論文を書くためのツールですが)。これを使えば関連ページを簡単に管理することができます。 » Zotero – The Next-Generation Research Tool 日本語にも対応しているのがうれしいですね。なお、Firefox 2.0専用です。それ以前のバージョンでは動作しませんのでご注意を。 では下記に簡単にご紹介。 ↑ 拡張をインストールするとブラウザの下部に参考情報をまとめるウィンドウが。こちらのボタンで見ているページの情報を一発保存してくれます。 ↑ タグ付けも可能。あとで分類するときに便利ですね。 ↑ メモを付けることもできますよ。引用したい箇所やちょっとしたアイディアを書いておく
PowerPointで作成したスライドショーを動画として変換してDVDなどで再生することは可能でしょうか?
Showing Hyperlink Cues with CSS (Ask the CSS Guy) I like the little icons next to hyperlinks that signify if that link will take me offsite, open a popup, or link to a file (as opposed to another html page). Here's how to do it in a way that's supported in IE7, Firefox, and Safari. CSSでPDFやExcel等のファイルタイプ別アイコンを自動付与する方法が紹介されていました。 自動付与、というのは、例えば、<a href="***.pdf">pdfファイル</a> のようなリンクがあったとすると、pdfという最後
LCDのデッドピクセル・スタックピクセルの生き返らせ方 Posted by yoosee on Gadget at 2007-01-09 23:42 JST1 デッドピクセルの復活方法Fix your LCD's dead pixels - Lifehackerより。デッドピクセルとは、ピクセル自体が点灯しない状態を言う。これは液晶裏側のバックライトのピクセルが死んでいる状態で、ピクセルは黒色(無発光)になっている。これを復活させる方法は以下の通り。PC(ディスプレイ)の電源を切るスクリーンを傷つけないように手を布で覆うデッドピクセルのある場所のみに圧力をかける圧力をかけ続けたままでPC(ディスプレイ)の電源をいれる圧力をかけるのを止め、デッドピクセルが消滅したことを確認する圧力をかけることによってバックライト液晶部分の未充填状態を解消するらしい。当然ながら圧力をかけすぎてディスプレイ自体
大容量のファイルをほかの人に渡したい時、最も手軽なのはインスタントメッセンジャーを利用することだ。「Windows Live Messenger」「Yahoo!メッセンジャー」「Skype」の3つを比較してみた。 大容量のファイルをほかの人に転送したい場合、いくつか方法がある。ファイルを分割してメールに添付して送信する方法や、オンラインストレージを利用する方法が思い浮かぶ。その中で、最も手軽なのはインスタントメッセンジャー(IM)を利用することだ。Windows Live Messenger、Yahoo!メッセンジャー、Skypeの3つを比較してみた。 IMが手軽なのは、難しいことを考えずにファイルをドラッグ&ドロップするだけで、直接相手に送信できることだ。サンプルとして1Gバイトのファイルを用意し、これを転送してみた。実験環境は以下の通り。 実験環境 ネットワーク 送信者 受信者 ITm
PassPackとは 各種SaaSで使っているサインイン/ログインアカウント、電子メールアカウント、各種IMアカウント、オンラインメールアカウント、フォーラム/チャットアカウント、アプリケーションで使っているアカウント、システムへのログインアカウントなど、サービスのWeb化が進むに従って管理しなければならないパスワードは増える一方だ。会社のPCから、出先のノートPCから、自宅のデスクノートからそれぞれアクセスするとなると、アカウント情報を記載したファイルを共有する必要があるが、どんな方法でコピーするにしてもあまり安全とはいえないし、なにせ面倒くさい。 図1 PassPack – オンラインでパスワードを管理を実施するためのWebサービス 図2 Webブラウザにおけるアクセスは基本的にHTTPSを経由して実施されている そこでオンラインで各種パスワード情報を管理しようという発想が出てくるのは
プレゼンの目的は様々だと思いますが、目に見えている余計な「肉」をそぎ落としたあとに残る「骨組み」に目を向けてみると、以下のような骨格が浮かび上がります。 1.プレゼンをする自分とはいったい何者なのか?(Who) 2.自分はそのプレゼンで何を伝えたいと考えているのか?(What) 3.このプレゼンは誰に向けられたものか?(Target) 4.このプレゼンを聞き終えると何が得られるか?(Fruit) 5.プレゼンをする背景にはどのような事情があるのか?(BackGround) 6.プレゼンの屋台骨を支える原則は何か?(Principle) 7.この原則を現実に適用する方法とは?(How) 8.方法を実践するうえで参考になる事例とは?(Good Example) 9.方法を実践するうえで避けるべき事例とは?(Bad Example) ほかにも要素はあろうかと思いますが、これだけあれば骨格として、
ブログや mixi に写真をかっこよく載せたい人は必見! 画像処理ソフトを持っていない人や、めんどくさがり屋さんにもピッタリのオンラインフォトエディタを2つご紹介します。ユーザー登録・インストールも不要で誰でも簡単にフォトショップ顔負けのかっこいい写真が簡単に作れちゃいます。 【PR】ネットで画像を無料加工 PXN8.COM - Online Photo Editor (やのさん thx!) 説明が不要なくらい作り方も簡単です。 すべてのブラウザ(IE、Firefox、Safari、Opera)に対応しています。 アンドゥ・リドゥ機能(やり直し) ズーム機能(拡大縮小) 明るさ調整 トリミング リサイズ 画像の回転 赤目の補正 歯を白くする処理 セピア加工 LOMO*(ロシア製のトイカメラ風) フィルター ラウンド(角丸) ボーダー ぼかし 雪 *参考::: Welcome to Lomo
読者の要望によりPOPメールソフトで読む情報をまとめました! 頻繁にチェックをする人はGmail新着チェッカーと併用を。 困った時のトラブルシューティングはこちら。IMAP利用はこちら。 Outlook Express,Outlook(→自動設定ツールあり),Entourage,Eudora,Opera Mail(Gmailに影響),Netscape Mail,Apple Mail,Mozilla,Thunderbird(2.0はラベル仕様),Becky(設定),QMAIL3,nPOP(設定),nPOPQ,EdMax(3.10以降設定),SnapperMail(設定),BlackBerry,Mew(設定),Sylpheed,Windows Live Mail desktop,qpop,Simple Mail,HDMobiMail,Mbox360,SHメール,めるちゃか, などのSSL対応P
2007 CSS Study Meeting http://artcode.g.hatena.ne.jp/keyword/2007%20CSS%20Study%20Meeting 発表をしましたので資料を置いておきます。 http://usrb.in/amachang/static/cssstudy/200701/ Firefox で動きます。IE でもぎりぎりうごきます。あ、でも、横長な表示域じゃないと崩れる可能性大です。 左右キーで操作してください。また、ソースは実行できるようになってるので、実際に実行しながら読んでいっていただけるとうれしいです。 他に事前に CSS のセレクタのバグリストとプロパティ一覧を作りました。 プロパティ一覧は element.style に辞書アタックを掛けて各種ブラウザから抽出したプロパティです。 http://usrb.in/amachang/stat
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
もちろん、元ネタは、「本物のプログラマーgotoを恐れずに使う」なわけですが(w。 つい最近まで、フチ恐怖症だったのです。いや、切実に。 フチ付きの文字が嫌いだったのではなく、フチが恐かったのですよ。フチを付けるのが文字通り恐い。フチと聞いただけで微妙に震えるくらいでした。 フチの恐怖を味わったのは、忘れもしない、25歳の夏の事。 アダルトビデオのジャケットを作った時、裏面のキャッチコピーの指定に、何のためらいもなく「フチ M100+Y100」と書いたのでした。 翌日、製版屋さんに呼び出されました。 小さい製版屋さんで、社長直々に説教です。 「お前らは、簡単にフチとか書きすぎる。お前らは二文字【フチ】と書けばすむかもしれないが、こっちは大変なんだ。今からフチを付ける作業を見せてやるから思い知れ」 と言って、フチを作る作業を始めました。 原稿台に版下を乗せ、トレスコで僅かにピントをズラして、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く