奇麗に写真と動画を見せてくれるWebアルバム·Lifebox MOONGIFT
デジカメで撮った写真をプリントするのは非常に面倒だ。枚数を気にせず撮ってしまうので、後で選別するのが大変だし、プリンタのインク代もかさむ。むしろデジタルだけにオンラインで楽しむ方が正解だろう。 美麗なインタフェースのWebアルバム とは言え、単なる一覧では面白みがない。そこは、オンラインならではの見せ方を考える必要がある。デザイン性に優れたLifeboxを使ってみるのも良さそうだ。 今回紹介するオープンソース・ソフトウェアはLifebox、写真や動画に対応した美麗なWebアルバムソフトウェアだ。 Lifeboxは何となく、随所にまだ修正すべき点が残っているような気がする。筆者環境ではうまく動かなかったり、日本語が文字化けてしまう部分もあった。だが、そんなことを気にしなくなるほど、インタフェースは奇麗だ。 この何とも言えない、奇麗なログイン画面！ 黒が基調になったインタフェースで、角丸を活か
Apache POI HSSFによるExcelファイルの作成
Webはデータで満ちており、データを検索して表示するにはもってこいのメディアです。しかし多くの場合、ブラウザはデータ分析に適したツールとは言えません。以前の記事「Reading Excel Files with Apache POI HSSF」では、Excelブックを使ってJavaアプリケーションにデータを提供する方法を解説しました。今回は、同じ形式でユーザーにデータを提供する方法を見てみましょう。 はじめに Webはデータで満ちており、データを検索して表示するにはもってこいのメディアです。多くのユーザーは、データが見つかると、自分の思考プロセスに合った方法でデータを分析したいと考えます。一部のWebアプリケーションは、データ表示オプションをどんどん増やすことで、このニーズに応えようとしています。それが適切な場合もあります。例えば、価格と機能を比較できるEコマースサイトなどです。それ以外の
グラフ理論のサイトと書籍のご紹介 - salmonsnareの日記
はじめに [更新: 2013/4/22]いくつか更新しました。 [/更新] §1では、グラフ理論のWWW上の資料で「これは良かった。役に立った。」と思えるものをご紹介します。 どちらかというと、グラフアルゴリズムより数学としてのグラフ理論を意識した資料を選びました。 §2では、グラフアルゴリズム等を含むより専門的な書籍をご紹介します。 1. グラフ理論のサイト Reinhard Diestel, Graph Theory Electronic Edition http://diestel-graph-theory.com/basic.html ディーステル先生のグラフ理論のテキストのpdf版です。基礎から応用まで丁寧に書いてあります。 応用についてはほとんど書かれておりませんが、その分数学的な色彩が強い本です。 目次 1. The Basics: グラフの基礎です。次数やパス等の基本的な定
『論文を書くためのWord利用法 ～文書も頭も構造化する～』
上山あゆみ 1963年 京都生まれ 1983年 少しでも悪筆を人目にさらす機会を減らすべく、ようやく普及し始めたパソコンを購入。ただし、Word はおろか、一太郎もまだ発売されていない頃だったため、なんとか簡単な自作プログラムで卒論を印刷できるよう工夫する。卒論は、「規定に、ペン書きで、と指定されていますので」とのことで、プリントアウト版の受理は却下されてしまったが、その頃から、言語学の研究のかたわら、時々、自分用のプログラミングをするようになる。 1985年 京都大学文学部卒業（言語学専攻） 1990年 京都大学大学院博士後期課程単位取得満期退学 1995年 この本で紹介している自動連番のマクロを使い始める。Word のマクロの体系が変わっていったが、このマクロプログラムの仕組みそのものは、当時から変わっていない。 1998年 南カリフォルニア大学博士号（言語学）取得 200
ウェブサイトにとって重要なユーザビリティの7つのクイックチェック
Quick Usability Checklist 下記は、その意訳です。 はじめに 下記の全ての項目が、すべてのサイトに当てはまるわけではありません。これらは、あなたのサイトの方向性を示唆するものです。 1. Site ID サイトはIDは非常に重要な要素で、ページ上部の左やナビゲーションの側によく配置されているサイト名やロゴのことです。 サイトIDには、トップへのリンクを設けるか、ナビゲーションにトップのリンクを設置する必要があります。 2. Page Name ページの名前は、サイトIDと同様にユーザーに明確に伝える必要があります。 ビジュアル的にページの名前であると分かるように目立たせるべきです。 また、ユーザーがそのページに到着するためにクリックしたテキストと一致している必要もあります。リンク元とリンク先が同じ内容のものであれば、ユーザーは混乱することがなくなります。 3. Na
IT news, careers, business technology, reviews
Heads on: Apple’s Vision Pro delivers a glimpse of the future
CSS 3のセレクタ解説：:root、:not、:empty、:target - builder by ZDNet Japan
:rootはルート要素にスタイルシートを適用するためのセレクタだ。ルート要素とは最上位階層に位置する要素のことで、HTML文書では全体をマークアップしているがルート要素となる。 テキスト 本文です。本文です。本文です。本文です。本文です。本文です。本文です。本文です。本文です。本文です。本文です。本文です。本文です。本文です。本文です。本文です。本文です。本文です。本文です。本文です。本文です。 ※ と に注目 これに対して、:rootで次のようにスタイルシートを指定すると、コンテンツ全体が黄色い罫線で囲んで表示される。さらにここでは、でマークアップしたbody要素を黄緑色の罫線で囲むように指定しており、body要素はルート要素の内側に表示されることがわかる。
【ハウツー】CSS/JavaScriptを最適化するEclipseプラグイン「jsLex」 (1) 圧縮/外部化/バリデーション/プロファイリングなどを搭載 | エンタープライズ | マイコミジャーナル
jsLexとは? jsLexはRockstarappsが提供するEclipse向けのプラグインだ。Webサイトでは「a wide variety of tools that can be used to optimize a complete web application or just individual resources」と紹介されているが、CSSやJavaScriptなどの圧縮やHTML内のJavaScript/CSSの外部化、さらにはJavaScriptのプロファイリングなど、Ajaxアプリケーションのクライアントサイドの最適化に特化した機能を提供している。 なお、jsLexの最新のプロダクションリリース(安定板)は1.1.7だが、すでに次期バージョンである1.2のベータ版もリリースされている。1.2系ではさまざまな新機能が実装されていることから、本稿では執筆時点の最新のベー
2009年も使っていきたい5つのツール | シゴタノ！
「ツール」をテーマとして、今年一年を振り返ってみたいと思います。 私自身に限っていえば、2008年はツールの当たり年でした。当たり年どころかもしかすると、2008年こそ、今まで生きてきた中で、ことツールに限っていえば最高の一年だったかもしれません。 私自身は、実業家でもなければ、プログラマーでもないので、「ツール」ということでいうと、人のお世話になりっぱなしです。それが少々心苦しくもあり、他方もどかしくもあります。 が、2008年はたしかに、「もどかしさ」に限っては心から消え失せつつあります。つまり、ツールが自分の望むところを、ほぼ100％叶えてくれるようになってきたからです。こうなればあとは、使い込むだけという段階に入りつつあります。 今年とりあげた、そんなすばらしいツールたちを簡単に振り返ってみることにします。 なくなるとたちまち仕事にならなくなるツール 情報と原稿管理は全てEVERN
SWTXMLが凄い。 - 設計と実装の狭間で。
フォースを感じろとか言っておいて、 舌の根も乾かないうちになんとやら…だけど、 今日のjava-jaは、tableタグでレイアウトだとか、 ルックを弄れるとか、そういう話題でしきりだったので、 気になって、Google先生に聞いてみたらあったよ。 スゲェよGoogle先生。 今年に作り始めたばっかりみたいだけど、ちゃんと動いているよ。マジで。 SWTXML とりあえず、現状理解している良い点。 実行速度が速い ライブラリサイズが小さい IDEのプレビューも爆速 入力補完もガリガリ効く XMLをロードする為に、専用の継承親がいるけど、そいつを使わないのも簡単 メンバ変数にあるコンポーネントを定義から引っ張れる、そのコードも簡単 ソースコードがgithubにあるんで、ついにウチのマシンにもGitクライアントインストールしちゃったよ。 これから、cloneしてコード読む。
CSS 3における新しいレイアウト手法：ボックスレイアウト - builder by ZDNet Japan
ウェブページのレイアウトでは、ヘッダーやサイドバー、コンテンツなどをどのように配置するかがポイントとなる。現在、配置のコントロールにはfloatやpositionプロパティを利用するのが一般的だが、CSS 3の「Advanced Layout Module」という草案では、新しいレイアウト手法が提案されている。 このレイアウト手法は「行と列のレイアウト」や「ボックスレイアウト」と呼ばれ、FirefoxとSafari、Google Chromeが対応している。 ボックスレイアウトの機能を利用すれば、これまでのfloatやpositionプロパティでは困難だった「段の高さを揃えた段組み」なども簡単に作成できるようになる。 そこで今回は、floatプロパティとボックスレイアウトを利用した段組みを比較していく。また、CSS 3で段組みのレイアウトを実現する「Multi Column」との違いも確認
ボックスレイアウトで簡単リキッドレイアウト - builder by ZDNet Japan
前回の「CSS 3における新しいレイアウト手法：ボックスレイアウト」に引き続き、「display: box」と指定して実現するボックスレイアウトの特徴を見ていきたい。 今回は、ボックスレイアウトでリキッドレイアウトを作成する方法と、段組みの段の表示順序を指定する方法を紹介する。これまでのfloatやpositionプロパティを使ったレイアウトと比較すると、簡単に設定できるのが特徴だ。 なお、ボックスレイアウトはCSS 3の「Advanced Layout Module」という草案で提案されている新しいレイアウト手法で、現在のところFirefoxとSafari、Google Chromeが対応している。 リキッドレイアウトで段組みを作成する ブラウザウィンドウの大きさに合わせて横幅が変わるレイアウトを「リキッドレイアウト」と呼ぶ。これまでのようにfloatプロパティを使ったレイアウトではネガ
Google App Engine 例文辞典
このページは個人的な勉強用として作成しています。一応Google App Engineの例文／サンプルを掲載していますが、あまりよいとは言えないコードが含まれてしまっている可能性もあります。 開発環境はMacOS X (10.5/Leopard) としているため、WindowsやUNIXではサンプルコードは流用できますが、それ以外（画面や手順など）は異なるので注意してください。 カテゴリ内のページのURLは変わることがあります。なるべく、このページから入るようにしてください。なお、Google App Engineに関してはGoogle-App-Engine-Japanを参照するとよいでしょう。 ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。 Last update : 2009/3/18 2009 古籏一浩(KaZuhiro
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アクセシブルで、美しいフォームを実装するためのチュートリアル集 | コリス
ネットオークションの落札相場、統計データの「オークファン」ヤフオクなどオークション価格比較から検索まで。オークションツール・無料出品テンプレートも充実！