tag:piggydb.net,2009:db-20100315082426921:tag-4
2016-02-16T10:39:46.10+00:00
Piggydb.jp - #Piggydb Blog
Piggydb
tag:piggydb.net,2009:db-20100315082426921.fragment-952
2016-02-16T10:38:51.846+00:00
2016-02-16T10:39:46.10+00:00
Piggydb 7.0 リリース - 新しいナビゲーションバー / Java 8 / バグ修正
<div class="paragraph">
なんと、ほぼ二年ぶりの新バージョンリリースです。
</div>
<div class="paragraph">
Javaのバージョンを 6 から一気に 8 に上げたのと、心機一転ということでバージョン 7.0 としました。
</div>
<div class="paragraph">
機能的に大きな追加などはありませんが、画面の一番上にあるナビゲーションバーのデザインを変えてみました。以前のバージョンを使って頂いている方は、このサイトのナビゲーションバーと比べてみるとその違いが分かると思います。
</div>
<div class="paragraph">
ナビゲーションバーに表示されているタイトルには、「<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0">システム</a>情報」メニューで設定できる「データベースのタイトル」を利用しています(このサイトだと「Piggydb.jp」と表示されてます)。つまり、このタイトルは自由にカスタマイズできるようになりました。
</div>
<div class="paragraph">
その他、オンラインのライブラリを参照しているためにオフラインで利用できない、という不具合を修正しています。
</div>
<div class="paragraph">
ダウンロードはこちら → <a class="quick-viewable" data-id="5" href="http://piggydb.jp/fragment.htm?id=5">#5</a>
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-927
2014-03-30T21:26:33.931+00:00
2014-03-30T21:26:33.931+00:00
Piggydb 6.18 リリース - 「タグ検索の拡張/関連フラグメント」
<div class="paragraph">
|・ω・`)ダレモイナカッタリシテ
</div>
<div class="paragraph">
えー、<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>検索を拡張しました。これまでの<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>検索で複数の<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>を指定した場合は「指定した<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>全てを含む<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>」の意味でしたが、これを拡張して「全て」「いずれか」を選べるようになりました。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2014/03/tag-all-ja.png"><img src="http://piggydb.files.wordpress.com/2014/03/tag-all-ja.png" alt="http://piggydb.files.wordpress.com/2014/03/tag-all-ja.png"/></a>
</div>
<div class="paragraph">
「全て」の場合は以前と同じ検索ですが、「いずれか」の場合は指定した複数の<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>のうちいずれか一つにでも該当する<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>が検索の対象になります。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2014/03/tag-any-ja.png"><img src="http://piggydb.files.wordpress.com/2014/03/tag-any-ja.png" alt="http://piggydb.files.wordpress.com/2014/03/tag-any-ja.png"/></a>
</div>
<div class="paragraph">
このリリースのもう一つの新機能が、<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>の「いずれか」検索を利用した「関連する<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>一覧」機能です。
</div>
<div class="paragraph">
以下のように、<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>ページにおいて、リストビュー(右側)に表示される<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>の一覧が、そのページの対象<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>(左側)と関連のある<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>に絞り込まれます。具体的には、対象<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>に付いている<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>の「いずれか」にマッチする<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>全てが「関連<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>」として一覧に表示されます。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2014/03/related-fragments.png"><img src="http://piggydb.files.wordpress.com/2014/03/related-fragments.png" alt="http://piggydb.files.wordpress.com/2014/03/related-fragments.png"/></a>
</div>
<div class="paragraph">
今までは、<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>ページを見ていても、リストビューには全ての<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>が表示されていたので、これを<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>を利用した関連<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>に絞り込んでみたという感じです。
</div>
<div class="paragraph">
というわけで、是非お試し下さい。
</div>
<div class="paragraph">
ダウンロードはこちら → <a class="quick-viewable" data-id="5" href="http://piggydb.jp/fragment.htm?id=5">#5</a>
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-926
2014-03-10T22:53:16.165+00:00
2014-03-10T22:53:16.165+00:00
Piggydbの講演を終えて
<div class="paragraph">
ライブストリーミングで観てましたが、Popov氏にはもう足を向けて眠れません(デンマークって正確にはどちらの方向なんでしょうね、、、)。
</div>
<div class="paragraph">
Piggydbというアプリについて話すことなんてそんなにないだろうなあと思う反面、もしWikiというもの、<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%9E%E3%82%A4%E3%83%B3%E3%83%89%E3%83%9E%E3%83%83%E3%83%97">マインドマップ</a>というものについて話すのであれば、それなりに豊かな話が出来るだろうと思うわけですよね。
</div>
<div class="paragraph">
そういう意味で、もしこのプロジェクトをもっと大きく、広く展開していきたいのであれば、背後にある<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%B3%E3%83%B3%E3%82%BB%E3%83%97%E3%83%88">コンセプト</a>についてきちんとした考えを構築する、というのはやはり重要だなという思いを新たにしました。もっと面白い話を提供できるようにならないと駄目だなあと。
</div>
<div class="paragraph">
ニーズがあって、それに対応する便利なツールを作りました、というのがモノづくりの王道なのかもしれませんが、それだけだと広がっていかないような気がするし、あるいは、既にある<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%B3%E3%83%B3%E3%82%BB%E3%83%97%E3%83%88">コンセプト</a>を単に焼き直しても面白くないですよね。このプロジェクトではやはり新しい<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%B3%E3%83%B3%E3%82%BB%E3%83%97%E3%83%88">コンセプト</a>を探求する方向で行きたい、そのように思います。
</div>
<div class="paragraph">
というわけで、このような考え方のもと、今年は引き続き大きな動きがあると思いますので、是非是非ご注目下さい~
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-925
2014-02-25T14:13:34.541+00:00
2014-02-25T14:13:34.541+00:00
CeBIT 2014にてPiggydbの講演があります!
<div class="paragraph">
3月10日よりドイツのハノーファーで開催される世界最大級のコンピュータエキスポ、<a href="http://www.cebit.de/">CeBIT 2014</a>にてPiggydbについての講演が行われます。
</div>
<ul class="level1"><li> Grow Your Knowledge with Piggydb<ul class="level2"><li> <a class="url-link" href="http://www.cebit.de/event/grow-your-knowledge-with-piggydb-/VOR/57737">http://www.cebit.de/event/grow-your-knowledge-with-piggydb-/VOR/57737</a></li></ul>
</li></ul>
<div class="paragraph">
ここを見ている希少な方々の中にCeBITに行かれる方がいればそれ自体が奇跡に近い確率ではありますが、もし万が一いらっしゃいましたら、是非このセッションを覗いてやって下さい。スピーカーのPopov氏がひとりぼっちになるんじゃないかと思うと夜も眠れません。
</div>
<div class="paragraph">
<a href="http://www.cebit.de/event/grow-your-knowledge-with-piggydb-/VOR/57737"><img src="http://piggydb.files.wordpress.com/2014/02/cebit-2014.png" alt=""/></a>
</div>
<div class="paragraph">
もしこのセッションを見たという方がいたら是非是非ご連絡下さい。
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-924
2014-02-16T19:48:50.122+00:00
2014-02-16T19:48:50.122+00:00
Piggydb 6.17 リリース - 「インクリメンタルサーチの拡張と数式サポート」
<div class="paragraph">
わけの分からないバグで久しぶりのリリース作業が大幅に難航、ぐったりしながらこの文章を書いています。
</div>
<div class="paragraph">
というわけで、久しぶりの新バージョンです。色々と関連プロジェクトが立ち上がっているので、Piggydb開発に全力、というわけにはなかなかいかない時期ではありますが、地道にリリースだけは継続していきたいと思っております。
</div>
<div class="paragraph">
今回のバージョンでは、インクリメンタルサーチを拡張して<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>での検索をサポートするようにしてみました。以下のように<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>向けの二つのインプットが追加されていて、それぞれ、指定した<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>を持つ<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>を検索するもの、指定した<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>を持つ<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>を除外するもの、となっています。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2014/02/fragments-criteria.png"><img src="http://piggydb.files.wordpress.com/2014/02/fragments-criteria.png" alt="http://piggydb.files.wordpress.com/2014/02/fragments-criteria.png"/></a>
</div>
<div class="paragraph">
要は元々あった<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF">フィルタ</a>の機能がインクリメンタルサーチに追加された格好になっています。<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>の検索機能はここに集約して、従来の<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF">フィルタ</a>機能は今後のバージョンで廃止する予定です。
</div>
<div class="paragraph">
もう一つ大きな追加機能としては、「<a class="quick-viewable" data-id="918" href="http://piggydb.jp/fragment.htm?id=918">#918</a> 数式対応について」のフィードバックを参考にして数式のサポートを導入してみました。<a href="http://www.mathjax.org/">MathJax</a>を利用しています。以下のような感じでLaTeXを書くと数式表示に変換されます。
</div>
<pre>
\[P(E) = {n \choose k} p^k (1-p)^{ n-k} \]
</pre>
<div class="paragraph">
↓
</div>
<div class="paragraph">
\[P(E) = {n \choose k} p^k (1-p)^{ n-k} \]
</div>
<div class="paragraph">
インターネット上にあるMathJaxのサービスを利用するので、ネットに接続されていない場合はおそらく利用できませんが、その代わりとても簡単に数式対応を実現することができました。貴重な情報を有難うございました。
</div>
<div class="paragraph">
実は、私個人としては日常的に利用する機能ではないんですよね。というわけで、きちんと期待通りに動いているかどうか、数式をよく使う方のフィードバックをお待ちしております。
</div>
<div class="paragraph">
その他、トップバーにあった検索ボックスから余計なボタンを取り除いてシンプルにしたり、見た目に関係する部分は細かい修正をいろいろと加えています。
</div>
<div class="paragraph">
ダウンロードはこちら → <a class="quick-viewable" data-id="5" href="http://piggydb.jp/fragment.htm?id=5">#5</a>
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-923
2014-02-10T16:01:41.558+00:00
2014-02-10T16:01:41.558+00:00
Linux Magazineにて取り上げて頂きました!
<div class="paragraph">
さてさて、今年のニュース第一弾です。
</div>
<div class="paragraph">
<a href="http://www.linux-magazine.com/Issues/2014/160/Workspace-Piggydb"><img src="http://piggydb.files.wordpress.com/2014/02/linuxmagazine.png" alt=""/></a>
</div>
<div class="paragraph">
これまでも何度かこういった媒体に取り上げて頂いたことはあったのですが、発表前の原稿を見せてもらったのは初めてのことで、内容の方もきちんとチェックした上で掲載して頂きました。
</div>
<div class="paragraph">
はっきり言って、これまで見た記事の中でベストだと思います。Piggydbとは何かという話から始まって、セットアップ方法から使い方まで、かなり丁寧に説明されています。これだけでマニュアルとしても十分な出来かと。
</div>
<div class="paragraph">
Linux Magazineは英語圏で販売されている紙の雑誌ですが、PDF版を以下のサイトから購入することも出来ます。というか、こういう紙の雑誌を購入する人って今どれぐらいいるんでしょうね? 私自身は、少なくともIT関連の雑誌は買わなくなってから随分と経つ気がします。
</div>
<ul class="level1"><li> Organize and access data with Piggydb <ul class="level2"><li> <a class="url-link" href="http://www.linux-magazine.com/Issues/2014/160/Workspace-Piggydb">http://www.linux-magazine.com/Issues/2014/160/Workspace-Piggydb</a></li></ul>
</li></ul>
<div class="paragraph">
この記事を書いたライターのDmitri Popov氏とは今後もいろいろと連携させて頂くことになったので、まだまだ今年はいろんな展開があると思います。それらを中ボスとすれば、今年はラスボス級のプロジェクトも用意してますので、是非是非Piggydbプロジェクトにご注目あれ。
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-922
2014-01-01T01:28:17.700+00:00
2014-01-01T01:28:17.700+00:00
謹賀新年
<div class="paragraph">
あけましておめでとうございます。<br/>
今年もしぶとく開発していきますよ、、、
</div>
<div class="paragraph">
あ、今年は多分、ビッグニュースをいくつか発表できるんじゃないかなと思うので、<a href="http://piggydb.jp/tag.atom?id=4">フィード</a>ぐらいは<a class="tag" href="http://piggydb.jp/tag.htm?name=%E7%99%BB%E9%8C%B2">登録</a>しておいても損はないと思いますよ、、、
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-915
2013-10-20T02:55:32.831+00:00
2013-10-20T02:55:32.831+00:00
Piggydb 6.16 サポーターズ・エディション - GitHub Gistの埋め込み
<div class="paragraph">
前回に続いて<a href="https://gumroad.com/l/piggydbjp">サポーターズ・エディション</a>に機能追加しました。
</div>
<div class="paragraph">
プログラムコードの断片や小さな文書を簡単に共有できる「<a href="https://gist.github.com/">GitHub Gist</a>」というWebサービスがあるのですが、ここで公開されている文書を簡単に埋め込める機能を追加しました。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/10/gist-site.png"><img src="http://piggydb.files.wordpress.com/2013/10/gist-site.png" alt="http://piggydb.files.wordpress.com/2013/10/gist-site.png"/></a>
</div>
<div class="paragraph">
埋め込むためには、単にGistのURLを書けばOKです。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/10/github-gist1.png"><img src="http://piggydb.files.wordpress.com/2013/10/github-gist1.png" alt="http://piggydb.files.wordpress.com/2013/10/github-gist1.png"/></a>
</div>
<div class="paragraph">
<div class="gist-7052410 not-yet-rendered"></div><img onload="embedGithubGist('7052410');" src="images/empty.png"/>
</div>
<div class="paragraph">
Github Gistでは、<a href="http://ja.wikipedia.org/wiki/Markdown">Markdown記法</a>を利用して普通のHTML文書を書くことも可能なので、以下のような文書を埋め込むこともできます。
</div>
<div class="paragraph">
<div class="gist-7052437 not-yet-rendered"></div><img onload="embedGithubGist('7052437');" src="images/empty.png"/>
</div>
<div class="paragraph">
<a href="http://gum.co/piggydbjp">気まぐれにサポーターズ・エディションを買う</a>
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-914
2013-10-20T02:44:55.878+00:00
2013-10-20T02:44:55.878+00:00
Piggydb 6.16 リリース - 「フラグメント・クイックビュー」
<div class="paragraph">
気がつけば何事もなかったかのように<a class="quick-viewable" data-id="888" href="http://piggydb.jp/fragment.htm?id=888">あのブーム</a>は過ぎ去り、更には知らないうちにこのプロジェクトも6年目に突入してました。
</div>
<div class="paragraph">
さて、今回のリリースですが、「比較的地味なんだけどかなり便利」シリーズの機能追加です。
</div>
<div class="paragraph">
<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>へのリンク上にマウスをホバーすると(一秒以上)、その<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>の内容が下のようなポップアップで表示されるようになりました。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/10/fragment-quick-view1.png"><img src="http://piggydb.files.wordpress.com/2013/10/fragment-quick-view1.png" alt="http://piggydb.files.wordpress.com/2013/10/fragment-quick-view1.png"/></a>
</div>
<div class="paragraph">
このポップアップ上でもリンクにホバーすると、他の<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>に移動できます。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/10/fragment-quick-view2.png"><img src="http://piggydb.files.wordpress.com/2013/10/fragment-quick-view2.png" alt="http://piggydb.files.wordpress.com/2013/10/fragment-quick-view2.png"/></a>
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/10/fragment-quick-view3.png"><img src="http://piggydb.files.wordpress.com/2013/10/fragment-quick-view3.png" alt="http://piggydb.files.wordpress.com/2013/10/fragment-quick-view3.png"/></a>
</div>
<div class="paragraph">
今までのPiggydbだと、つながりの方向へ辿っていくのは比較的簡単に出来ましたが、それ以外の方向、例えばつながりの方向とは逆方向に辿ったり、<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84">コンテンツ</a>の中から参照されている<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>の内容をちょっと覗いたりするのにはちょっと不便でした。この追加で大分便利になったんじゃないでしょうか。是非是非お試しあれ。
</div>
<div class="paragraph">
ダウンロードはこちら → <a class="quick-viewable" data-id="5" href="http://piggydb.jp/fragment.htm?id=5">#5</a>
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-911
2013-09-18T23:44:14.539+00:00
2013-09-18T23:44:14.539+00:00
Piggydb 6.15 サポーターズ・エディション - Ustreamビデオの埋め込み
<div class="paragraph">
<a href="https://gumroad.com/l/piggydbjp">サポーターズ・エディション</a>にUstreamビデオの埋め込み機能を追加しました。
</div>
<div class="paragraph">
以下のようなUstreamビデオのURLを書くだけで、その部分にビデオが埋め込まれます。
</div>
<pre>
<a class="url-link" href="http://www.ustream.tv/recorded/38909163">http://www.ustream.tv/recorded/38909163</a>
</pre>
<div class="paragraph">
<iframe width="560" height="340" src="http://www.ustream.tv/embed/recorded/38909163?v=3&wmode=direct" scrolling="no" frameborder="0" style="border: 0px none transparent;"> </iframe>
</div>
<div class="paragraph">
これから徐々にサポーターズ・エディション専用の機能を増やしていく予定なので、どうぞお楽しみに!
</div>
<div class="paragraph">
<a href="http://gum.co/piggydbjp">大胆にもサポーターズ・エディションを買う</a>
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-909
2013-09-18T23:24:58.633+00:00
2013-09-18T23:24:58.633+00:00
Piggydb 6.15 リリース - 「タグアイコンの色分け」
<div class="paragraph">
<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>アイコンが<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>の種類によって色分けされるようになりました。
</div>
<div class="paragraph">
<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0">システム</a><a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/09/tag-system.png"><img src="http://piggydb.files.wordpress.com/2013/09/tag-system.png" alt="http://piggydb.files.wordpress.com/2013/09/tag-system.png"/></a>
</div>
<div class="paragraph">
普通の<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/09/tag-plain.png"><img src="http://piggydb.files.wordpress.com/2013/09/tag-plain.png" alt="http://piggydb.files.wordpress.com/2013/09/tag-plain.png"/></a>
</div>
<div class="paragraph">
<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">タグフラグメント</a>
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/09/tag-fragment.png"><img src="http://piggydb.files.wordpress.com/2013/09/tag-fragment.png" alt="http://piggydb.files.wordpress.com/2013/09/tag-fragment.png"/></a>
</div>
<div class="paragraph">
以下のように、<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>リストの中で<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">タグフラグメント</a>を区別できます。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/09/tag-icon-colors.png"><img src="http://piggydb.files.wordpress.com/2013/09/tag-icon-colors.png" alt="http://piggydb.files.wordpress.com/2013/09/tag-icon-colors.png"/></a>
</div>
<div class="paragraph">
ダウンロードはこちら → <a class="quick-viewable" data-id="5" href="http://piggydb.jp/fragment.htm?id=5">#5</a>
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-888
2013-09-04T18:57:55.175+00:00
2013-09-04T18:57:55.175+00:00
第一次Piggydbブームの到来?
<div class="paragraph">
最近のよく分からないダウンロード数の急増とはまた別の事象として、<a href="http://www.techrepublic.com/">TechRepublic</a>という海外のメディアに取り上げられたことで、かつてないアクセスの激増ぶりを記録しています。
</div>
<ul class="level1"><li> <a href="http://www.techrepublic.com/blog/linux-and-open-source/piggydb-a-little-interesting-digital-assistant/">Piggydb: A little, interesting digital assistant</a></li></ul>
<div class="paragraph">
より多くの人にPiggydbを使って頂けるのは本当に嬉しい事なのですが、私としては単にツールとしてのPiggydbが広まるよりも、<a href="http://piggydb.jp/tag.htm?id=66">背後にある考え方</a>を発展させて、より大きなスパンでプロジェクトを継続させる事が一番の願いです。
</div>
<div class="paragraph">
そういう意味では、件の記事を見ると、その考え方の伝達には明らかに失敗してますね、、、
</div>
<div class="paragraph">
この考え方については、もっともコンパクトで分かりやすいプレゼンテーション(Evernoteの「Remember Everything」のような)が出来ないかどうかいつも思案しているのですが、なかなか難しいですね。簡単に説明できてしまうことに、それほどの価値はないと思う気持ちも少なからずあったりして。あるいは、Piggydb自体がその<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%B3%E3%83%B3%E3%82%BB%E3%83%97%E3%83%88">コンセプト</a>に追いつけてないということもあります。
</div>
<div class="paragraph">
知的生産において一生の伴侶に出来るようなフレームワークを提供するのが目標なので、長いスパンでこの考え方について研究して、いろいろな説明を試みたり、実例を提示したりしながら、地道にプロジェクトを継続していきたいと思う今日この頃です。
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-887
2013-09-02T22:52:27.527+00:00
2013-09-02T22:52:27.527+00:00
Piggydb 6.14 リリース - 「サブフラグメント展開ボタン」
<div class="paragraph">
最近、特に何かしたって訳でもないのにダウンロード数が急増して戸惑っている今日この頃ですが、皆様いかがお過ごしでしょうか? このビッグウェーブに乗り遅れてはならぬという訳で新バージョンをリリースしたいと思います。
</div>
<div class="paragraph">
<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>の<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84">コンテンツ</a>の一番下に以下のようなボタンを追加しました。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/09/button-to-expand-sub-fragments.png"><img src="http://piggydb.files.wordpress.com/2013/09/button-to-expand-sub-fragments.png" alt="http://piggydb.files.wordpress.com/2013/09/button-to-expand-sub-fragments.png"/></a>
</div>
<div class="paragraph">
このボタンをクリックすると、その<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>のサブ<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>がその下に展開されます。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/09/expanded-sub-fragments.png"><img src="http://piggydb.files.wordpress.com/2013/09/expanded-sub-fragments.png" alt="http://piggydb.files.wordpress.com/2013/09/expanded-sub-fragments.png"/></a>
</div>
<div class="paragraph">
機能としては、元々あるツリートグル [+] と同じなんですが、長い<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>を読んで、そのままつながりを辿りたい時に、いちいち<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>の先頭まで戻る必要がなくなるので、なかなか便利です。
</div>
<hr/>
<div class="paragraph">
後、今更という感じではありますが、アップロードする<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB">ファイル</a>について、日本語<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB">ファイル</a>名にきちんと対応するように修正しました。
</div>
<hr/>
<div class="paragraph">
ダウンロードはこちら → <a class="quick-viewable" data-id="5" href="http://piggydb.jp/fragment.htm?id=5">#5</a>
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-882
2013-08-12T21:43:14.81+00:00
2013-08-12T21:43:14.81+00:00
Piggydb 6.13 リリース - 「ポップアップ・タグビュー」
<div class="paragraph">
ちょっとご無沙汰しておりました。溶けるように暑いこのタイミングで新バージョンをリリースしますよ〜
</div>
<div class="paragraph">
現状の<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>パレットだと、<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>ツリーがでかくなったときにちょっと見づらいですよね? というわけで、もっと見やすい感じのポップアップ・<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>ビューを追加してみました。以下のように、パレット上にあるツールボタンをクリックするとポップアップが表示されます。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/08/tool-button-tags-view.png"><img src="http://piggydb.files.wordpress.com/2013/08/tool-button-tags-view.png" alt="http://piggydb.files.wordpress.com/2013/08/tool-button-tags-view.png"/></a>
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/08/tags-view-tree.png"><img src="http://piggydb.files.wordpress.com/2013/08/tags-view-tree.png" alt="http://piggydb.files.wordpress.com/2013/08/tags-view-tree.png"/></a>
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/08/tags-view-cloud.png"><img src="http://piggydb.files.wordpress.com/2013/08/tags-view-cloud.png" alt="http://piggydb.files.wordpress.com/2013/08/tags-view-cloud.png"/></a>
</div>
<div class="paragraph">
ダウンロードはこちら → <a class="quick-viewable" data-id="5" href="http://piggydb.jp/fragment.htm?id=5">#5</a>
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-784
2013-06-01T23:39:02.282+00:00
2013-06-01T23:39:02.282+00:00
Piggydb 6.12 リリース - 「IDによるピンポイント検索」
<div class="paragraph">
前回のバージョンで追加した検索窓に機能を追加してきますよ、、、ということで、まずは簡単なところで「IDによるピンポイント検索」を追加してみました。以下のような感じで「#<番号>」を検索窓に入力すると、その<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>がバシッと表示されます。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/06/search-by-id.png"><img src="http://piggydb.files.wordpress.com/2013/06/search-by-id.png" alt="http://piggydb.files.wordpress.com/2013/06/search-by-id.png"/></a>
</div>
<div class="paragraph">
まあ、これはまだまだ序の口ということで、、、
</div>
<div class="paragraph">
その他、細かい改善やバグフィックスが含まれています。
</div>
<div class="paragraph">
ダウンロードはこちら → <a class="quick-viewable" data-id="5" href="http://piggydb.jp/fragment.htm?id=5">#5</a>
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-742
2013-05-25T15:45:39.783+00:00
2013-05-25T15:45:39.783+00:00
Piggydb 6.11 リリース - 「インクリメンタル・キーワード検索」
<div class="paragraph">
毎日ぼんやり過ごしていると、あっと言う間に時間が過ぎていきますね、、、
</div>
<div class="paragraph">
時間の流れに逆らうためにも、<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>リストビューに、キーワード検索機能を付けてみました。
</div>
<div class="paragraph">
リストビューのラベルをクリックすると、
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/05/fragments-view-label.png"><img src="http://piggydb.files.wordpress.com/2013/05/fragments-view-label.png" alt="http://piggydb.files.wordpress.com/2013/05/fragments-view-label.png"/></a>
</div>
<div class="paragraph">
以下のように検索窓が出現します。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/05/fragments-view-search-box.png"><img src="http://piggydb.files.wordpress.com/2013/05/fragments-view-search-box.png" alt="http://piggydb.files.wordpress.com/2013/05/fragments-view-search-box.png"/></a>
</div>
<div class="paragraph">
ここにキーワードを入れていくと、その場でリストが更新されていきます。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/05/fragments-view-keyword-search.png"><img src="http://piggydb.files.wordpress.com/2013/05/fragments-view-keyword-search.png" alt="http://piggydb.files.wordpress.com/2013/05/fragments-view-keyword-search.png"/></a>
</div>
<div class="paragraph">
リストが既に<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>や<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF">フィルタ</a>などで絞り込まれている場合は、キーワードによって更に絞り込むことができます。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/05/fragments-view-keyword-search-with-tag.png"><img src="http://piggydb.files.wordpress.com/2013/05/fragments-view-keyword-search-with-tag.png" alt="http://piggydb.files.wordpress.com/2013/05/fragments-view-keyword-search-with-tag.png"/></a>
</div>
<div class="paragraph">
この検索機能は今後どんどん強化していく予定です。
</div>
<hr/>
<div class="paragraph">
<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84">コンテンツ</a>内の外部リンクに印を付けて、内部リンクと区別できるようにしました。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/05/external-link.png"><img src="http://piggydb.files.wordpress.com/2013/05/external-link.png" alt="http://piggydb.files.wordpress.com/2013/05/external-link.png"/></a>
</div>
<div class="paragraph">
Wikiなどでは一般的な表示ですね。
</div>
<hr/>
<div class="paragraph">
ホーム画面にあったカレンダーを削除しました。これは、Piggydbをよりシンプルで強力なものへ改良していくための、ユーザーインタフェース整理の一環ですが、時間や日付関係の機能については、後々もっと洗練された形で実装し直したいと考えています。
</div>
<hr/>
<div class="paragraph">
ダウンロードはこちら → <a class="quick-viewable" data-id="5" href="http://piggydb.jp/fragment.htm?id=5">#5</a>
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-713
2013-03-31T20:52:33.583+00:00
2013-03-31T20:52:33.583+00:00
Piggydb 6.10 リリース - 「ドキュメント・ビューをちょびっと改良」
<div class="paragraph">
前回、ドキュメント・ビューを更新してから、スマートフォンで自分のデータベースを見る機会が格段に増えました。通常のインターフェースを通して見るのと違って内容に集中できるので、とてもいい感じです。情報収集/編集と閲覧で、モードが切り替わるという感じがします。
</div>
<div class="paragraph">
これってすごく受験勉強とかに効果的なんだろうな、、、と思いつつ、このアプリがそういった学生さんなどに届くようになっていないことに歯痒さを感じる今日この頃です。
</div>
<div class="paragraph">
いろいろな情報を収集して、自分なりのWikipediaを作り上げていく感覚は、なかなか他のアプリでは味わえないと思えます。
</div>
<div class="paragraph">
というわけで、今回も引き続きドキュメント・ビュー・キャンペーンの一環ということで、細かい改良を加えてみました。
</div>
<div class="paragraph">
まず、ドキュメント・ビューにアクセスするためのURLに以下のような短縮バージョンを追加しました。
</div>
<pre>
<a class="url-link" href="http://<your-piggydb-URL>/d/<id>">http://<your-piggydb-URL>/d/<id></a>
<a class="url-link" href="http://<your-piggydb-URL>/d/<tag-name>">http://<your-piggydb-URL>/d/<tag-name></a>
</pre>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/03/doc-view-url1.png"><img src="http://piggydb.files.wordpress.com/2013/03/doc-view-url1.png" alt="http://piggydb.files.wordpress.com/2013/03/doc-view-url1.png"/></a>
</div>
<div class="paragraph">
この変更で大きく恩恵を受けるユーザーはそれほどいないかもしれませんが、スマホ向けの便宜と、Piggydbで作ったサイトを公開するときに良いかなと思って実装してみました。
</div>
<div class="paragraph">
続いて、より手軽にアクセスできるように、ドキュメント・ビューを開くボタンをヘッダーに配置しました。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/03/doc-view-button.png"><img src="http://piggydb.files.wordpress.com/2013/03/doc-view-button.png" alt="http://piggydb.files.wordpress.com/2013/03/doc-view-button.png"/></a>
</div>
<div class="paragraph">
このボタンをクリックすると、ホーム<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>をドキュメント・ビューで開きます。
</div>
<div class="paragraph">
そして、細かいけど重要な変更として、ドキュメント・ビューの<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84">コンテンツ</a>に含まれる、<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>へのリンクについて、今まではそのまま標準ページの方へリンクしていましたが、これをドキュメント・ビューのページにリンクするように変更しました。これで、ドキュメント・ビューからリンクを辿る場合は、あくまでもドキュメント・ビュー内で完結できるようになりました。
</div>
<div class="paragraph">
というわけで、是非是非お試し下さい~
</div>
<hr/>
<div class="paragraph">
ダウンロードはこちら → <a class="quick-viewable" data-id="5" href="http://piggydb.jp/fragment.htm?id=5">#5</a>
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-710
2013-03-23T14:21:06.730+00:00
2013-03-23T14:21:06.730+00:00
Piggydb 6.9 リリース - 「ドキュメント・ビューのスマホ、タブレット対応」
<div class="paragraph">
長らく放置していたドキュメント・ビューを改良しました。
</div>
<hr/>
<div class="paragraph">
親<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>やホームへジャンプできるようなナビゲーションを追加したり↓
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/03/navigation.png"><img src="http://piggydb.files.wordpress.com/2013/03/navigation.png" alt="http://piggydb.files.wordpress.com/2013/03/navigation.png"/></a>
</div>
<hr/>
<div class="paragraph">
ページの最初に目次を配置したり↓
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/03/toc.png"><img src="http://piggydb.files.wordpress.com/2013/03/toc.png" alt="http://piggydb.files.wordpress.com/2013/03/toc.png"/></a>
</div>
<hr/>
<div class="paragraph">
スマートフォンやタブレットでも快適に読めるように調整してみました↓
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/03/iphone.png"><img src="http://piggydb.files.wordpress.com/2013/03/iphone.png" alt="http://piggydb.files.wordpress.com/2013/03/iphone.png"/></a>
</div>
<hr/>
<div class="paragraph">
どんな感じになったか、こちらから見ることができます → <a class="url-link" href="http://piggydb.jp/document-view.htm">http://piggydb.jp/document-view.htm</a>
</div>
<div class="paragraph">
この改良によって、PCでデータベースを編集、スマホで閲覧、という使い方ができるようになりました。個人的にはかなり重宝しています。ただ、外出先から閲覧するためには、インターネット経由でアクセスできるサーバーにPiggydbをセットアップしなければならないので、ここがちょっと敷居の高いところです。
</div>
<div class="paragraph">
ダウンロードはこちら → <a class="quick-viewable" data-id="5" href="http://piggydb.jp/fragment.htm?id=5">#5</a>
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-668
2013-02-14T23:28:11.266+00:00
2013-02-14T23:28:11.266+00:00
Piggydb 6.8 リリース - 「スマートレイアウトの改良」
<div class="paragraph">
時間が経つのが早すぎる、、、なんとか一ヶ月に一度はリリースしなければ、というわけでほぼ一ヶ月ぶりのリリースです。
</div>
<div class="paragraph">
<a class="quick-viewable" data-id="655" href="http://piggydb.jp/fragment.htm?id=655">バージョン6.4</a>にて「スマートレイアウト」を導入しましたが、横レイアウトについては、実験段階といいますか、使い勝手ではまだまだという感じがありました。そこで、まずはカラムごとに独立してスクロールできるようにしてみました。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/02/each-column-has-its-scrollbar.png"><img src="http://piggydb.files.wordpress.com/2013/02/each-column-has-its-scrollbar.png" alt="http://piggydb.files.wordpress.com/2013/02/each-column-has-its-scrollbar.png"/></a>
</div>
<div class="paragraph">
これで少しは使えるようになったかなと思うのですが、どうでしょうか?
</div>
<div class="paragraph">
ダウンロードはこちら → <a class="quick-viewable" data-id="5" href="http://piggydb.jp/fragment.htm?id=5">#5</a>
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-667
2013-01-14T22:37:19.274+00:00
2013-01-14T22:37:19.274+00:00
Piggydb 6.7 リリース - 「ホーム・フラグメント」
<div class="paragraph">
さて、今回は以前から行おうと思っていた変更です。#home<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>を廃止して代わりにホーム・<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>という特殊な<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>を導入し、ここにぶら下げた<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>をホームページに表示するようにしてみました。
</div>
<div class="paragraph">
<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">タグフラグメント</a>を導入して以来、<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>でもある<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">タグフラグメント</a>を#homeや<a class="tag" href="http://piggydb.jp/tag.htm?name=%23bookmark">#bookmark</a>に配置できないのは問題だと思っていました。いや、配置はできるのですが、配置された<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">タグフラグメント</a>が#homeなり、<a class="tag" href="http://piggydb.jp/tag.htm?name=%23bookmark">#bookmark</a>なりの性質を受け継いでしまい、その<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">タグフラグメント</a>で修飾された他の<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>まで#homeや<a class="tag" href="http://piggydb.jp/tag.htm?name=%23bookmark">#bookmark</a>の対象となってしまいます。
</div>
<div class="paragraph">
というわけで、まずは#homeの方を廃止して、ホーム・<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>形式に変更してみました。これで、ホームに表示される<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>の順序をカスタマイズすることもできるようになりました。
</div>
<div class="paragraph">
これまでの#home形式からの移行は簡単です。#home<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>のページにジャンプして、<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>のツールボタンから「ホームページに追加」のボタンを改めてクリックするだけです。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/01/home-button.png"><img src="http://piggydb.files.wordpress.com/2013/01/home-button.png" alt="http://piggydb.files.wordpress.com/2013/01/home-button.png"/></a>
</div>
<div class="paragraph">
ホームアイコンをクリックするとホーム・<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>のページにジャンプするので、ここで<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>の表示順序などを設定できます。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/01/reorder-home.png"><img src="http://piggydb.files.wordpress.com/2013/01/reorder-home.png" alt="http://piggydb.files.wordpress.com/2013/01/reorder-home.png"/></a>
</div>
<hr/>
<div class="paragraph">
その他、地味だけど便利な変更を。コンパクト状態になっている<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>の<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84">コンテンツ</a>を見るためには、小さなトグルボタンをクリックする必要がありましたが、タイトルヘッダーをクリックすれば表示されるように変更してみました。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2013/01/click-on-node-header.png"><img src="http://piggydb.files.wordpress.com/2013/01/click-on-node-header.png" alt="http://piggydb.files.wordpress.com/2013/01/click-on-node-header.png"/></a>
</div>
<div class="paragraph">
ダウンロードはこちら → <a class="quick-viewable" data-id="5" href="http://piggydb.jp/fragment.htm?id=5">#5</a>
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-664
2012-12-31T22:09:35.389+00:00
2012-12-31T22:09:35.389+00:00
2012年の振り返りと来年へ向けて
<div class="paragraph">
さて、予告通り年内に6.6をリリースできたので、すっきりとした気持ちで年明けを迎えようとしています。今年の歩みを改めて振り返ってみると、決して順調に来たわけではないなと気づかされます。
</div>
<div class="paragraph">
今年の前半は新バージョンをリリースできず、実質半年の空白を作ってしまいました。もちろん仕事的にきっつい時期だったのでそれなりの理由はあったのですが、どんなに遅くとも一定のペースは保つというのがテーマの一つでもあるので、これはよくよく反省して来年以降の糧にしていきたいと思います。
</div>
<div class="paragraph">
今年の後半で達成できたリリースにおいても、大きなものは「<a href="http://piggydb.jp/fragment.htm?id=641">旧エディタの撲滅</a>」と「<a href="http://piggydb.jp/fragment.htm?id=643">サポーターズ・エディション</a>」ぐらいなもので、本日すべり込みでリリースした機能が若干重要かなあという以外はそれほど重大な進歩は遂げてないという印象です。
</div>
<div class="paragraph">
ただ、情報発信については、お気づきの方もおられるとは思いますが、英語圏の方では比較的力を入れてやっていて、きちんとした理論的、実践的なバックグラウンドを構築しようと、<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84">コンテンツ</a>の拡充を徐々にやり始めたというのが今年の大きな動きでした。
</div>
<div class="paragraph">
英語で文章を書くというのは、私にとってはプログラムを書くのと同じで、論理的な内容をステップバイステップで積み重ねていく作業です。文法的には自然な文章になっていないかもしれないですが、この作業で大分頭の中が整理されます。その結果をこちらのPiggydb.jpの方にも還元していくというのが、来年のテーマの一つになるのかなとぼんやりと考えています。
</div>
<div class="paragraph">
重要なことは、具体的な計画を立てない、約束をしないということで、できるだけ自然の流れに任せてプロジェクトを進めていけるようにしようと思っています。なので、実際にどうなるかは全く分かりません。確かなのは、このプロジェクトをこの先もずっと続けていきたいという熱意だけです。
</div>
<div class="paragraph">
Piggydbプロジェクトは、単なるPiggydbというソフトウェアを開発するだけでなく、知的生産のより創造的なあり方とは何かを模索していく試みでもあります。来年以降はそういった考え方の部分や関連するトピックスなどをいろいろと紹介していければと思っています。
</div>
<div class="paragraph">
2013年で足かけ6年になるこのプロジェクトですが、マイナーなプロジェクトながら、さまざまな交流があり、つながりも生まれつつあります。決して派手ではなくささやかなコミュニティではありますが、しぶとく長く継続していきたいと思いますので、今後ともどうぞよろしくお願い致します。
</div>
<div class="paragraph">
ということで、今年一年どうもありがとうございました。よいお年をお迎えくださいませ!
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-663
2012-12-31T14:16:51.20+00:00
2012-12-31T14:16:51.20+00:00
Piggydb 6.6 リリース - 「フラグメント・シャッフル」
<div class="paragraph">
簡単に追加できると高を括っていたら思いのほか時間がかかり(いつものパターン)、年末ギリギリすべり込みでリリースすることとなりました。
</div>
<div class="paragraph">
タイトルの通り、<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>・シャッフルが今年最後の追加機能になります。以下のように、本リリースで追加されたシャッフル・ボタンをクリックすると、<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>・リストビューの内容がシャッフルされます。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2012/12/shuffle.png"><img src="http://piggydb.files.wordpress.com/2012/12/shuffle.png" alt="http://piggydb.files.wordpress.com/2012/12/shuffle.png"/></a>
</div>
<div class="paragraph">
ピンと来ないかもしれませんが、これが結構重要な機能なのです。思ってもみないつながりを見つけるために、このシャッフル機能が力を発揮するのではないかと期待しています。
</div>
<div class="paragraph">
ダウンロードはこちら → <a class="quick-viewable" data-id="5" href="http://piggydb.jp/fragment.htm?id=5">#5</a>
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-660
2012-12-22T00:50:45.228+00:00
2012-12-22T00:50:45.228+00:00
「PiggydbとEvernoteで知的生産を活性化する」
<div class="paragraph">
光栄にもブログにて取り上げて頂きました。<br/>
滅多にない機会ですので是非紹介させて下さい。
</div>
<ul class="level1"><li> せいかつノート: PiggydbとEvernoteで知的生産を活性化する<ul class="level2"><li> <a class="url-link" href="http://seikatsunote.blogspot.jp/2012/12/piggydbevernote.html">http://seikatsunote.blogspot.jp/2012/12/piggydbevernote.html</a></li></ul>
</li></ul>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-657
2012-12-16T12:19:29.58+00:00
2012-12-16T12:19:29.58+00:00
Piggydb 6.5 リリース - 「リストビュー・ラベル」
<div class="paragraph">
えー、生活がかつてないほど激変している今日この頃です。<br/>
この荒波の中でいかに開発のペースを回復するか、それが最近のテーマです。
</div>
<div class="paragraph">
というわけで、まずは軽い更新を行って、生きてますよ~ということを宣言したいと思います。
</div>
<div class="paragraph">
<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>リストビューの上に、リストの内容と件数を表示するラベルを付けてみました。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2012/12/fragments-label-all.png"><img src="http://piggydb.files.wordpress.com/2012/12/fragments-label-all.png" alt="http://piggydb.files.wordpress.com/2012/12/fragments-label-all.png"/></a>
</div>
<div class="paragraph">
年内にもう一度、重要な更新を含めたリリースをしたいと思っているのですが、果たしてどうなるか?
</div>
<div class="paragraph">
ダウンロードはこちら → <a class="quick-viewable" data-id="5" href="http://piggydb.jp/fragment.htm?id=5">#5</a>
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-656
2012-11-11T20:16:35.597+00:00
2012-11-11T20:16:35.597+00:00
Piggydb初のiPhoneアプリ - PiggyPoster
<div class="paragraph">
ちょっとご無沙汰してます。開発の方は地道に続けているのですが、次のリリースまではもうちょっとかかりそうな、そんな今日この頃です。
</div>
<div class="paragraph">
今日は、表題のようにPiggydbのiPhoneアプリを作ったというスイスの方から連絡を受けたので、ここで紹介したいと思います。Piggydbもついにスマートフォンに進出、ということで。
</div>
<ul class="level1"><li> PiggyPoster on iTunes <ul class="level2"><li> <a class="url-link" href="https://itunes.apple.com/ch/app/piggyposter-piggydb-fragment/id573951897?mt=8">https://itunes.apple.com/ch/app/piggyposter-piggydb-fragment/id573951897?mt=8</a></li></ul>
</li></ul>
<div class="paragraph">
このPiggyPosterは、私も早速インストールして使ってみたのですが、<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>を<a class="tag" href="http://piggydb.jp/tag.htm?name=%E7%99%BB%E9%8C%B2">登録</a>する機能にフォーカスしたシンプルなアプリです。シンプルなので操作的に迷うところもほとんどなく使えますし、感覚的にはメモ帳を開いてサクッとPiggydbに<a class="tag" href="http://piggydb.jp/tag.htm?name=%E7%99%BB%E9%8C%B2">登録</a>、のようなイメージです。<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>の補完機能も付いてます。
</div>
<div class="paragraph">
UI的にはまだ改善の余地があるかなと思うのですが、これもフィードバックすれば改善してくれるでしょう。後、ちょっとネックになるのが、インターネット経由でアクセス可能なサーバーにPiggydbをインストールしておく必要がある、ということでしょうか。これもよく質問を頂くのですが、PiggydbのようなJavaアプリを無料でホスティングしてくれるようなサービスはかなり少ないので、ちょっと敷居は高いかもしれません。Piggydbのホスティングサービスをしてみようかと考えることもあるのですが、果たして需要があるのかどうか、、、(もちろん有料です(笑))
</div>
<div class="paragraph">
<a class="img-link" href="http://a1221.phobos.apple.com/us/r1000/077/Purple/v4/07/d1/8e/07d18ef9-4938-9b76-6bd3-c97ceff3a011/mzl.ovcpaves.320x480-75.jpg"><img src="http://a1221.phobos.apple.com/us/r1000/077/Purple/v4/07/d1/8e/07d18ef9-4938-9b76-6bd3-c97ceff3a011/mzl.ovcpaves.320x480-75.jpg" alt="http://a1221.phobos.apple.com/us/r1000/077/Purple/v4/07/d1/8e/07d18ef9-4938-9b76-6bd3-c97ceff3a011/mzl.ovcpaves.320x480-75.jpg"/></a>
</div>
<div class="paragraph">
<a class="img-link" href="http://a1126.phobos.apple.com/us/r1000/069/Purple/v4/5c/95/47/5c954714-2eee-7f88-0544-c7a065f1ae68/mzl.evysqbqt.320x480-75.jpg"><img src="http://a1126.phobos.apple.com/us/r1000/069/Purple/v4/5c/95/47/5c954714-2eee-7f88-0544-c7a065f1ae68/mzl.evysqbqt.320x480-75.jpg" alt="http://a1126.phobos.apple.com/us/r1000/069/Purple/v4/5c/95/47/5c954714-2eee-7f88-0544-c7a065f1ae68/mzl.evysqbqt.320x480-75.jpg"/></a>
</div>
<div class="paragraph">
<a class="img-link" href="http://a1846.phobos.apple.com/us/r1000/107/Purple/v4/15/4a/9e/154a9e09-b42c-e58c-873a-aef81a33695a/mzl.xahvlrav.320x480-75.jpg"><img src="http://a1846.phobos.apple.com/us/r1000/107/Purple/v4/15/4a/9e/154a9e09-b42c-e58c-873a-aef81a33695a/mzl.xahvlrav.320x480-75.jpg" alt="http://a1846.phobos.apple.com/us/r1000/107/Purple/v4/15/4a/9e/154a9e09-b42c-e58c-873a-aef81a33695a/mzl.xahvlrav.320x480-75.jpg"/></a>
</div>
<div class="paragraph">
もし感想やフィードバックなどがあれば、こちらに書き込んで頂いても構いません。その場合は私が作者の方に伝えます。興味のある方は是非チェックしてみてください。
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-655
2012-10-17T17:03:00.197+00:00
2012-10-17T17:03:00.197+00:00
Piggydb 6.4 リリース - 「スマートレイアウト」
<div class="paragraph">
ちょっとした実験的な機能「スマートレイアウト」を導入してみました。
</div>
<div class="paragraph">
そのときのウィンドウサイズに従って、縦レイアウトと横レイアウトが自動的に切り替わるようになります。
</div>
<div class="paragraph">
まず、以下はこれまでの標準だった縦レイアウトですが、
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2012/10/vertical.png"><img src="http://piggydb.files.wordpress.com/2012/10/vertical.png" alt="http://piggydb.files.wordpress.com/2012/10/vertical.png"/></a>
</div>
<div class="paragraph">
ウィンドウ幅がある程度大きくなると、以下のように、横のレイアウトへ自動的にスイッチします。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2012/10/horizontal.png"><img src="http://piggydb.files.wordpress.com/2012/10/horizontal.png" alt="http://piggydb.files.wordpress.com/2012/10/horizontal.png"/></a>
</div>
<div class="paragraph">
ここからウィンドウ幅を小さくすると、また縦のレイアウトに戻ります。
</div>
<div class="paragraph">
横レイアウトのときに、左右領域の幅をドラッグ&ドロップで調節できます。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2012/10/resizing.png"><img src="http://piggydb.files.wordpress.com/2012/10/resizing.png" alt="http://piggydb.files.wordpress.com/2012/10/resizing.png"/></a>
</div>
<div class="paragraph">
新しい横レイアウトを活かすためには、まだまだ改善しなければならない部分が多いなという感じではありますが、解像度の高いディスプレイを持っている方は、スペースを有効活用できるようになるのではないかと思います。是非是非お試しあれ。
</div>
<div class="paragraph">
ダウンロードはこちら → <a class="quick-viewable" data-id="5" href="http://piggydb.jp/fragment.htm?id=5">#5</a>
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-646
2012-10-02T01:02:48.363+00:00
2012-10-02T01:02:48.363+00:00
Piggydb 6.3 リリース - 「新しいズームレベルの追加」
<div class="paragraph">
すっかり涼しくなりましたが、性懲りもなく新しいバージョンをリリースしますよ。
</div>
<div class="paragraph">
<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>・リストビューのスライダーを使って、リストの表示をズームイン/ズームアウトできるようになっていますが、これに新しいレベルを追加しました。
</div>
<div class="paragraph">
今までのバージョンではスライダーを目一杯右側にスライドさせると以下のような「詳細」ビューになっていました。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2012/10/fragments-view-detail.png"><img src="http://piggydb.files.wordpress.com/2012/10/fragments-view-detail.png" alt="http://piggydb.files.wordpress.com/2012/10/fragments-view-detail.png"/></a>
</div>
<div class="paragraph">
これが、本バージョンでは以下のようにさらにリッチな表示になります。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2012/10/fragments-view-full.png"><img src="http://piggydb.files.wordpress.com/2012/10/fragments-view-full.png" alt="http://piggydb.files.wordpress.com/2012/10/fragments-view-full.png"/></a>
</div>
<div class="paragraph">
リストビューから直接サブ<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>を追加したり、つながりを辿っていけたりするわけですね。もしこの表示が鬱陶しい場合は、スライダーをちょっと左にスライドすると従来の「詳細」ビューになります。
</div>
<div class="paragraph">
また、今回はちょっとした配色の改善を施してみました。少しは視認性が向上したのではないかと思っているのですがどうでしょうか。しかし、配色はかなり重要ですね。今回の調整で気づかされました。今後も少しずつ改善していきたい所存です。
</div>
<div class="paragraph">
ダウンロードはこちら → <a class="quick-viewable" data-id="5" href="http://piggydb.jp/fragment.htm?id=5">#5</a>
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-645
2012-09-18T23:39:15.105+00:00
2012-09-18T23:39:15.105+00:00
Piggydb 6.2 リリース - 「ホームフラグメントのツリー表示」
<div class="paragraph">
「不快指数が一向に下がらない今日この頃」と書いたのがほぼ一ヶ月前の8月下旬なのですが、9月の後半になってもこの暑さって一体どういうことなんでしょうか。Piggydbファンの皆様が無事この暑さを乗り越えられるよう八百万の神々に祈り続ける今日この頃です。
</div>
<div class="paragraph">
このサイトのトップページを見た方はもうお気づきかもしれませんが、ホーム<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>の表示を展開可能なツリー型の形式に変更してみました。これでホームページからスムーズに<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>の探索を行えます。些細ですが、結構インパクトのある変更ではないかと思います。
</div>
<div class="paragraph">
ダウンロードはこちら → <a class="quick-viewable" data-id="5" href="http://piggydb.jp/fragment.htm?id=5">#5</a>
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-644
2012-08-27T14:30:00.135+00:00
2012-08-27T14:30:00.135+00:00
Piggydb 6.1 リリース - 「メインメニューの整理」
<div class="paragraph">
ちょっくらメインメニューを整理してみました。
</div>
<div class="paragraph">
古いメインメニュー:
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2012/08/old-main-menu.png"><img src="http://piggydb.files.wordpress.com/2012/08/old-main-menu.png" alt="http://piggydb.files.wordpress.com/2012/08/old-main-menu.png"/></a>
</div>
<div class="paragraph">
新しいメインメニュー:
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2012/08/new-main-menu.png"><img src="http://piggydb.files.wordpress.com/2012/08/new-main-menu.png" alt="http://piggydb.files.wordpress.com/2012/08/new-main-menu.png"/></a>
</div>
<div class="paragraph">
① 「ホーム」メニューの役割はタイトルバナーに持たせてみました。そもそもこちらの方がWebインタフェースの慣習に沿っているのですよね。
</div>
<div class="paragraph">
② 「<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF">フィルタ</a>/新規<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF">フィルタ</a>」メニューは、サイトバーにてツールボタンとして配置してみました。
</div>
<div class="paragraph">
③ 「<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0">システム</a>」メニューの一群はユーザーメニューの中に移動しました。
</div>
<div class="paragraph">
④ 「<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>ページにジャンプ」ボタンは、もっと汎用的な「ジャンプ」ボタンに置き換えました。<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%82%BF%E3%82%B0">タグ</a>だけではなくて、番号を指定することで<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>にも直接ジャンプできるようになりました。
</div>
<div class="paragraph">
この変更で、メニューバーには主に<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>の操作(作成・検索)に関するツールボタンを配置し、それ以外の付属的なメニューはユーザーメニューの中に収めるという形になりました。
</div>
<div class="paragraph">
ダウンロードはこちら → <a class="quick-viewable" data-id="5" href="http://piggydb.jp/fragment.htm?id=5">#5</a>
</div>
owner
tag:piggydb.net,2009:db-20100315082426921.fragment-643
2012-08-21T13:03:22.91+00:00
2012-08-21T13:06:06.954+00:00
Piggydbサポーターズ・エディション
<div class="paragraph">
不快指数が一向に下がらない今日この頃ではありますが、今月の末にPiggydbはめでたくも4周年を迎えることになりました。このソフトウェアの開発自体はある種のライフワークのようになっているので、地道にコツコツやっていこうと思ってはいたのですが、Piggydb.jpのようなサイトを維持するのは、少ないながらも使って頂いている人がいる、という実感がなければ到底出来なかったと、そのように感じている今日この頃です。本当にありがとうございます。
</div>
<div class="paragraph">
このまま地道に細々とやっていくというのも一つの道なのですが、このプロジェクトにもっと広がりを持たせることはできないだろうかと思案することもありまして、その中で考えていたアイデアの一つが「Piggydbサポーターズ・エディション」です。Piggydbプロジェクトを支援したいと思って頂ける人に、この特別機能を追加したサポーターズ・エディションを販売するという試みです。単に特別版を売るというだけではなくて、サポーターになって頂くことで、将来的には知識構築に関する情報交換や関連グッズなど、コミュニティ的な特典が付加出来ればいいなと考えています。
</div>
<div class="paragraph">
今回は、第一弾としてユーザーインタフェースのデザインをカスタマイズする機能を付加したサポーターズ・エディションをリリースします。
</div>
<ul class="level1"><li> <a href="http://gum.co/piggydbjp">Piggydb 6.0 サポーターズ・エディション</a></li></ul>
<ul class="level1"><li> 追加機能: ユーザーCSS(<a href="http://ja.wikipedia.org/wiki/Cascading_Style_Sheets">Cascading Style Sheets</a>)定義機能<ul class="level2"><li> 独自のCSSを定義して、デフォルトのデザインを上書きできます。</li>
<li> 定義したCSSは、<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>などと一緒にデータベースに保存されます。<ul class="level3"><li> つまり、データベースをエクスポート<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB">ファイル</a>から復元するとデザインも一緒に復元されます。</li></ul>
</li>
<li> テキストの一部分を選択して独自のスタイルを適用することができます。<ul class="level3"><li> 文字サイズを変更したり、色をつけたりして、賑やかな文書を書くことができます。</li></ul>
</li>
<li> 特定の<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>を選択して独自のスタイルを適用することができます。<ul class="level3"><li> 重要な<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>に色づけしてマーキングするなど。</li></ul>
</li></ul>
</li></ul>
<div class="paragraph">
今回のサポーターズ・エディションには、以下のような「CSS」メニューが追加されています。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2012/08/menu-css.png"><img src="http://piggydb.files.wordpress.com/2012/08/menu-css.png" alt="http://piggydb.files.wordpress.com/2012/08/menu-css.png"/></a>
</div>
<div class="paragraph">
以下のページでCSSを書いて保存すると、その場で適用されます。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2012/08/page-css.png"><img src="http://piggydb.files.wordpress.com/2012/08/page-css.png" alt="http://piggydb.files.wordpress.com/2012/08/page-css.png"/></a>
</div>
<div class="paragraph">
以下は、全体的な配色をカスタマイズした例です。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2012/08/css-blue.png"><img src="http://piggydb.files.wordpress.com/2012/08/css-blue.png" alt="http://piggydb.files.wordpress.com/2012/08/css-blue.png"/></a>
</div>
<div class="paragraph">
この青色を基調とした配色は以下のCSSをコピー&ペーストすることですぐに試せます。
</div>
<pre>
.bgcolor-base {
background-color: #4082BB;
}
table.fragment .header-cell {
color: #F1F6F8;
background-color: #24518A;
}
.fragment-header span.tags a.tag {
color: #F1F6F8;
}
table.fragment td,
.content-box,
.content-box li.leafLastNode {
background-color: #F1F6F8;
}
#title-banner table td {
background-color: #143C78;
}
#page-menu #menu,
#page-menu #menu .topitem,
#page-menu #menu ul.submenu {
color: #F1F6F8;
background-color: #24518A;
}
#page-menu #menu .topitem a,
#page-menu #menu .topitem a:visited {
color: #F1F6F8;
border: 1px solid #24518A;
}
table.fragment td.subfragments,
table.fragment td.subfragments #children-control td {
background-color: #4082BB;
}
table.fragment,
table.fragment th,
table.fragment td,
.content-box {
border: 1px solid #143C78;
}
.section-title {
border-bottom: 2px solid #24518A;
}
</pre>
<div class="paragraph">
<a href="http://piggydb.net/2012/08/20/piggydb-supporters-edition-launched/">Piggydb.net</a>では他にもいくつかの配色パターンを紹介していますので、参考にしてみて下さい。
</div>
<div class="paragraph">
次に、テキストの一部分にスタイルを適用する例です。
</div>
<div class="paragraph">
以下のようにCSSを定義しておくと、
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2012/08/inline-css.png"><img src="http://piggydb.files.wordpress.com/2012/08/inline-css.png" alt="http://piggydb.files.wordpress.com/2012/08/inline-css.png"/></a>
</div>
<div class="paragraph">
<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>を編集する際に、テキストにそれらのスタイルを適用することができます。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2012/08/inline-style-example.png"><img src="http://piggydb.files.wordpress.com/2012/08/inline-style-example.png" alt="http://piggydb.files.wordpress.com/2012/08/inline-style-example.png"/></a>
</div>
<div class="paragraph">
スタイルを適用する際の記法は以下のようになります。
</div>
<pre>
{{[CSSクラス名] このテキストにスタイルが適用されます}}
</pre>
<div class="paragraph">
そして、特定の<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>だけにスタイルを適用することもできます。以下のように、<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>の番号を使ってCSSを定義します。
</div>
<pre>
table.fragment-17 {
border: 2px solid red;
}
</pre>
<div class="paragraph">
すると、以下のように17番の<a class="tag" href="http://piggydb.jp/tag.htm?name=%E3%83%95%E3%83%A9%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88">フラグメント</a>だけにスタイルが適用されます。
</div>
<div class="paragraph">
<a class="img-link" href="http://piggydb.files.wordpress.com/2012/08/fragment-style.png"><img src="http://piggydb.files.wordpress.com/2012/08/fragment-style.png" alt="http://piggydb.files.wordpress.com/2012/08/fragment-style.png"/></a>
</div>
<div class="paragraph">
他にもCSSの機能を駆使すればいろいろな応用が考えられると思いますので、是非是非お試しあれ。
</div>
<div class="paragraph">
<a href="http://gum.co/piggydbjp">思い切ってサポーターズ・エディションを購入しちゃう!</a>
</div>
owner