Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
今回は,先日筆者の勤務するはてなのサービスの一つである「はてなダイアリー」で起こった,使いやすさに関する問題を取り上げてみたいと思います。使いやすさの向上のためにデザインを変更したところ問題が発生し,それをプログラミング言語であるところのJavaScriptを使って解決した,というお話です。 その問題とは,「文字の大きさ」に関するものです。 ブラウザには,文字のサイズを変更する機能が用意されています(図1)。例えばInternet Explorer(IE)なら「表示」メニューの「文字サイズ」から「最大」「大」「中」「小」「最小」の五つの段階を選ぶことができます。Firefoxも「表示」メニューの「文字サイズ」から選ぶことができますが,「大きく」「小さく」というメニューになっており,より自由に表示サイズを変更することができます。 図1:ブラウザでは文字サイズを変更できる ちなみにOperaは
JAVASCRIPT MOTION TWEEN JavaScriptによるモーショントゥイーンアニメーション実装「JSTween」の紹介。 デモサイト、解説ページを見てみてください。これまで見たことがないJavaScriptアニメーション表現を見ることが出来ます。 次のようなTweenクラスがあって、それを使うことでこういったアニメーションが実現できるということかなり便利そう。 var t = new Tween(object,property,easing,start,end,duration,suffixe); 次のJavaScriptソースコードが提供されています。 Tween.js 、ColorTween.js 、OpacityTween.js 、TextTween.js 、Sequence.js 、Parallel.js 名前を見るとなんとなく分かりますが、必要に応じてファイルを
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
Firefoxでマッシュアップを視覚的に行える新開発ツール「JavaScript Dataflow Architecture」 2007年01月15日- Javascript Dataflow Architecture_(alpha) | MAYA Foundry Firefoxでマッシュアップを視覚的に行える新開発ツール「JavaScript Dataflow Architecture」。 次の画像のように、出力部分と入力部分とを繋いでいくだけでマッシュアップが出来てしまうという代物。 例えば、Flickr等の写真を取ってくる部品があって、その出力部分をHTMLパーツの入力部分に指定することでFlickrの写真をHTMLで表示できるアプリケーションが作れます。 Plaggerをご存知の方は、視覚的なPlaggerというイメージで分かりやすいかと思います。 (左領域がビジュアル開発画面で、
2012年08月04日14:30 カテゴリ書評/画評/品評Lightweight Languages JavaScript.bible = this - 書評 - JavaScript: The Definitive Guide 全く同様の理由で入手しておくべきなのが、こちら。 JavaScript 第6版 David Flanagan / 木下哲也訳 [原著:JavaScript: the Definitive Guide (6th Ed.)] naoyaグループ - naoyaの日記 - Emacs を使えるようになりたい人は「なぜ」はリファレンスには書いていないですから。 ただし、5th Edition以降を入手すること。邦訳は第三版、JavaScript 1.2ベースで、ちょっと古過ぎて薦めづらい。 2011.12.21更新 2012.08.04 第6版邦訳にあわせて更新 元書評は
Project Able is a full Java-based web development stack designed to make web development painless. In a sense, it is an attempt to bring together quality opensource tools in one cohesive stack, similar to what Rails has done for Ruby, while also encouraging common practices I’ve used in software engineering for a long time. It is very similar to projects such as Trails, Grails, and AppFuse. Howeve
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
Web上で公開されている様々な情報サイトやWebサービスが1つのページ内に集約されていたら便利だと思ったことはないだろうか。検索エンジンやニュースの一覧などがまとまったポータルサイトは数多くあるが、本来ならば自分の必要とするコンテンツを自由に選んで使えるのが望ましい。Netvibesはその望みを実現してくれるサービスだ。 類似のサービスとしては、Googleによる「Googleパーソナライズドホーム」やMicrosoftによる「Start.com」などを挙げることができる。 NetvibesはAjaxをフル活用することで利用者による柔軟なカスタマイズを可能にしたパーソナライズドホームページ・サービス。RSS/Atomフィードリーダを始めとする様々なコンテンツがそれぞれモジュールとして用意されており、それらをホームページ内に自由に配置することが可能となっている。GmailやFlickrなどの
VPNソフトの開発で知られるベンチャー企業のソフトイーサは1月16日,パソコンの遠隔操作を実現する新ソフト「PacketiX Desktop VPN」ベータ1を発表した。ファイアウオール越えが容易な点が特徴。同社サイトから無償ダウンロードできる。対応OSはWindowsのみ。新ソフトは同社が研究開発中のもので,商業化などの計画は未定。 Desktop VPNはインターネット経由でパソコンのデスクトップを操作できるようにするソフト。遠隔操作される側のパソコンに導入するサーバー用ソフトと,遠隔操作する側のパソコンに入れるクライアント用ソフトに分かれる。 同種の遠隔操作ソフトはオープンソースの「VNC」などすでにあるが,Desktop VPNはHTTPSで通信するのでNAT(Network Address Translation)を使うネットワークや,途中にファイアウオール,プロキシ・サーバーな
8/3以来、ウチではLinuxとPLEXTOR USB TVキャプチャBOX PX-TV402U/JPの組み合わせで、divxでTV録画を行なってきた。6件/Day程度の予約録画を二週間続けて失敗しなくなったので、ほぼ問題を潰し尽した、と判断し、8/3の日記で予告したようにユーザガイドを試みることにする。 ハードウエア入手も、導入も、兄貴分のmpeg2ハードウエアキャプチャドライバ IVTVより容易であり、また、ウチの環境では、ivtvよりも安定している。 なお、以下の話は debian を前提にしている。 Plexter PX-TV402Uの概略 peg4の最大画面サイズ 720x512,ビットレート 64kbps-10Mbps チューナにはゴーストリダクションとか 3D Y/C分離とかいった補正機能がない PX-TV402PというPCI版にはそういう機能があり、既に作業されている方がい
class名やid名って付ける時悩みませんか? 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ!? 2010年6月10日追記: この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く