タグ

javascriptに関するnettaboのブックマーク (118)

  • 001 Toodledoでタスクシュートしたくなるツール「ToodleChute」始めました

    TaskChuteとはシゴタノ!の管理人である大橋悦夫さんが、エクセルベースで開発された、タスク管理ツールのことです。そして、「タスクシュート式」とは、TaskChuteに盛り込まれている設計思想に基づいたタスク管理方式のことです。「タスクシュート式」を実践するためには、必ずしもTaskChuteを使う必要はありません。Toodledoでもよいわけです。シゴタノ! —    Toodledoの使い方 第18回 タスクシュート式にToodledoを使う エクセル版の元祖TaskChuteを仕事タスク管理に使い始めてから、一年以上が経ちました。 それでも「タスクシュートがわかった!」とは言えないのが正直なところです。 私にとってこのタスクシュートというヤツは、つかんだと思ったらまたすり抜けていくような、つかみどころのないヤツなのです。

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    nettabo
    nettabo 2010/03/21
    なるほどねぇ〜。文字列変換しか知らなかったな。
  • Google製、JavaScript/CSSの難読化&キャッシュ·Reducisaurus MOONGIFT

    ReducisaurusはJava製/Google App Engine用のオープンソース・ソフトウェア。Webアプリケーションが隆盛になり、JavaScriptを多用したシステムやCSSによる凝ったデザインのサイトが増えてきた。それぞれフレームワークを使ったりして複数のファイルを扱うケースも多い。 設定方法 JavaScriptCSSのファイルを複数読み込むにはその分だけコネクションを行う必要があり、負荷がかかってしまう。そこで使ってみたいのがReducisaurusだ。ローカルファイルやリモートのファイルを読み込んで一つにまとめてアクセスできるようになる。 ReducisaurusはGoogleエンジニアでJaikuの開発にも関わっているプログラマによるソフトウェアだ。実行はGoogle App Engine上で可能になっている。自分でサーバを立てることもできるし、Reducisa

    Google製、JavaScript/CSSの難読化&キャッシュ·Reducisaurus MOONGIFT
    nettabo
    nettabo 2010/01/10
    難読化とキャッシュで負荷を改善。
  • HTMLテーブルの縦横を固定にしてデータを見やすく·Super Tables MOONGIFT

    Super TablesはJavaScript製のオープンソース・ソフトウェア。業務システムをはじめ、レポート出力等で多用されるのがテーブル組みだ。縦横に長いデータを表示する場合、表計算ソフトウェアであればヘッダ部を固定表示にする。そうすればスクロールしても何の項目かすぐに分かる。 中央に表示されているテーブル だが素のままのHTMLではそのような柔軟な表示は行えない。そのためシステムによっては10行ごとにヘッダを繰り返し挿入したりする。だがそれも再利用性が悪くなるだろう。そこで使ってみたいのがSuper Tablesになる。 Super Tablesを使うとテーブルの縦方向ヘッダを固定にしてスクロールしても常に表示される。さらに横方向のヘッダも固定になり、一番左側のカラムが常に表示されるようになる。テーブルのユニークになるIDを常に表示したりすると便利だ。 実際のデータ。普通のテーブル組

    HTMLテーブルの縦横を固定にしてデータを見やすく·Super Tables MOONGIFT
    nettabo
    nettabo 2009/12/06
    Excelのヘッダ固定みたいなのをJavaScriptで実現するライブラリ。
  • 強力にパワーアップした次期FCKEditor·CKEditor MOONGIFT

    FCKEditorと言えば、Webベースで使えるWYSIWYGエディタとして有名なソフトウェアだ。しかし既に多数の機能が実装され、コアに手を入れて改造しようとはとても思えない代物になっている。 次期FCKEditor また、多機能ゆえに動作が重たいのが難点だった。そうした問題点を解決できそうなのが次期FCKEditorだ。 今回紹介するオープンソース・ソフトウェアはCKEditor、FCKEditor3.0以降のソフトウェアだ。 FCKEditorは3.0以降から名前が変わり、CKEditorとなる。それに伴って様々な機能拡張がなされている。大きな点として、スキン機能とともに枠の色替え機能が実装されたことだ。なお対応ブラウザはFirefox2以上、IE6以上、Opera9.5以上、Safari3以上となる。 APIによる独自拡張 Ajaxとの親和性も高まっており、ダブルクリックで編集モード

    強力にパワーアップした次期FCKEditor·CKEditor MOONGIFT
    nettabo
    nettabo 2009/08/29
    WYSIWYGエディタライブラリのデファクトになるか。
  • ke-tai.org > Blog Archive > JavaScriptでリアルタイムにQRコードを生成してくれるサイト「QR CODE.biz」

    JavaScriptでリアルタイムにQRコードを生成してくれるサイト「QR CODE.biz」 Tweet 2009/6/8 月曜日 matsui Posted in タレコミ, 記事紹介・リンク | 2 Comments » KURUTOさんからのタレコミです。 (情報提供ありがとうございます) QRコードJavascriptをつかってクライアントサイドで生成出来るサービス「QR CODE.biz」を見つけたとのことです。 → cellmedia,inc. QR CODE.biz [qrcode.biz] 試してみたのですが、さくさくとQRコードがリアルタイム生成され、かなり小気味良い感じです。 サーバの応答を待たされることなく作成できるので良い感じですね。 英数字だけではなく、日語も問題なく通るようです。 文字列を長くしていくと、QRコードがどんどん複雑になっていくのも面白いです。

    nettabo
    nettabo 2009/08/25
    クライアントサイドでQRコードを生成するライブラリ。
  • 長文を分割&横スクロールで見やすくする·bookreader.js MOONGIFT

    Webの発達で日語であっても横に読まれることが当たり前になりつつある。コンピュータ上では縦に際限なく伸びていくので、縦書きは読みづらいのだろう。だが横向きに書かれていても長文であると見がたくなるのは変わらない。 長文をブラウザ上で読むならこれ 特に小説やコラムなど長文を載せているサイトの場合はそうだ。コンピュータは元々書籍に比べると長文を読むのに適していない上に、レイアウトも読みづらいのでは大変だ。そこで試したいのがbookreader.jsだ。 今回紹介するオープンソース・ソフトウェアはbookreader.js、長文を読みやすくするJavaScriptライブラリだ。 bookreader.jsは専用のJavaScriptCSSファイルによって縦に続く長文を一定の長さで区切り、続きを右側に表示してくれるスクリプトが。スクロールは矢印キーか画面に表示される矢印のボタンで行う。 次期バー

    長文を分割&横スクロールで見やすくする·bookreader.js MOONGIFT
    nettabo
    nettabo 2009/04/20
    かっこいい。既存サイトに適用させるブックマークレットとか無いのかな。
  • ヽ( ・∀・)ノくまくまー(2009-04-16) WYSIWYG エディタを徒然と試す

    ● [jQuery] WYSIWYG エディタを徒然と試す 機能 表組ができる 日語のIME変換誤動作がない HTMLソース切り替えがinline 画像の挿入ができる (from File, URL) 多段リストができる ブラウザの新規windowを出さない カスタマイズが容易(Obfuscatedではないソースが入手可能) ライセンス という点を中心に徒然と調査する。 CKEditor http://ckeditor.com/ FCKEditor 2.x は 3.x から CKEditor と変名。 Mac + Firefox の場合のみ、IME変換確定で改行が入る不具合あり RETは p, S-RET は br 表組 (popup, propertyで変更可) HTML (inline, スムーズ) 画像 (popup, url, upload) リスト (single) ソース (

    nettabo
    nettabo 2009/04/17
    WYSIWYGエディタ比較。CKEditorが良さげ。
  • iPhone/Gears/Adobe AIRの開発に便利なJavaScript O/Rマッパー·ActiveRecord.js MOONGIFT

    ※ 画面は公式サイトのデモコードより 最近のWebシステム開発ではO/Rマッピングの利用が当たり前になっている。そのため、生のSQLを書く機会が殆どなくなり、開発がスムーズになっている一方、いざ書くとなると非常に面倒に感じるようになっている(もちろんORマッピングではコストがかかってしまう場合はSQLを書く必要もあるだろうが)。 JavaScriptで実現するO/Rマッピング それはSQLiteが使えるiPhone/Gears/Adobe AIRといった今時の開発に対しては特に言える。O/Rマッピングに慣れてしまった体にはSQLite向けのSQLを書くのは非常に辛い。そこで使えるのがActiveRecord.jsだ。 今回紹介するオープンソース・ソフトウェアはActiveRecord.js、JavaScriptで作られたO/Rマッピングソフトウェアだ。 ActiveRecord.jsが対応

    iPhone/Gears/Adobe AIRの開発に便利なJavaScript O/Rマッパー·ActiveRecord.js MOONGIFT
    nettabo
    nettabo 2009/01/20
    JavaScriptでってのが新鮮だな。
  • 2008年に注目を集めた使えるJavaScriptライブラリ集:phpspot開発日誌

    Best of 2008 - JavaScript | Design Shack 2008年に注目を集めた使えるJavaScriptライブラリ集が紹介されていました。 どれも非常に便利でサイト構築に役立ってくれるでしょう。 sIFR Lite Javascriptでテキスト文字列を綺麗な画像にしてくれるライブラリ。 画像部分にはFlashを採用している。検索クローラーフレンドリ。 <h3>How is this different than the original sIFR?</h3> ↓ DD_belatedPNG IE6でも透過PNGに簡単に対応させられるライブラリ The EqualHeights jQuery Plugin 異なる高さのブロックを統一してくれるライブラリ ↓ DD_roundies 角丸の簡単実現ライブラリ jQuery.popeye ポップアップではなく、サイト

    nettabo
    nettabo 2009/01/15
    フォームのやつと日付のやつは使いそう。
  • MOONGIFT: » 必見!JavaScriptのalert処理にさよならを「Blackbird」:オープンソースを毎日紹介

    ※ 画面は公式サイトデモより JavaScriptのデバッグによく利用されるものと言えば、alertだろう。簡単に使えて便利な関数だが、ブラウザの処理が止まってしまったり、長文の表示が難しいなどデメリットも数多い。 alertとお別れするためのJavaScriptデバッグツール そこで使ってみたいのがBlackbirdだ。Google Code上で公開されているオープンソースのJavaScriptアラートだ。 Blackbirdは見た目の格好いいフローティングダイアログにログを表示できる。デバッグ、インフォ、ウォーニング、エラー、プロファイルの5つのメッセージパターンが設定できる。Blackbirdのウィンドウでは各メッセージタイプの表示、非表示が切り替えられるようになっている。 表示位置の変更、表示するメッセージの種類が変更できる さらにF2キーを押して表示/非表示を切り替えたり、Shi

    MOONGIFT: » 必見!JavaScriptのalert処理にさよならを「Blackbird」:オープンソースを毎日紹介
    nettabo
    nettabo 2008/10/14
    これは便利そう。
  • MOONGIFT: » ブラウザだけで遊べるシヴィライゼーション「Freeciv-Forever」:オープンソースを毎日紹介

    Civilization(シヴィライゼーション)は一時期はまったゲームだ。世界の7不思議をはじめ、地球を舞台に様々な文明を発展させることができるシミュレーションゲームで、とても面白い。FreeCivというオープンソース版のPC向けシヴィライゼーションも存在する。 シヴィライゼーションがブラウザだけで遊べる! そんなシヴィライゼーションをブラウザだけでもプレイできるようにしてくれるソフトウェアがFreeciv-Foreverだ。これならどこでも遊べるようになる。 Freeciv-Foreverはブラウザベースのソフトウェアで、ユーザ登録することで各地で立ち上がっているCivilizationサーバに接続して遊ぶことができる。てっきりJavaで作られたものかと思っていたが、JavaScriptで作られたもの(?)のようだ。これは凄い。 都市情報 動作が若干遅くなることもあるが、遊牧民で都市を造

    MOONGIFT: » ブラウザだけで遊べるシヴィライゼーション「Freeciv-Forever」:オープンソースを毎日紹介
    nettabo
    nettabo 2008/09/18
    シヴィライゼーションやってないけど、ちょっとやってみたい。
  • AppleのMobileMeでも使われるJavaScriptライブラリ·SproutCore MOONGIFT

    インタフェースはとても重要だ。技術的に優れていても、インタフェースが悪いと触ってもらえない。逆に技術的にそれほどすごいものではなくとも、インタフェースが優れていると流行ったりすることもある。 Welcomeページ 技術とデザイン、両立できれば言うことはない。優れたインタフェースを手軽に作るために、このライブラリを使ってみることをお勧めする。 今回紹介するオープンソース・ソフトウェアはSproutCore、リッチなインタフェースを実現するJavaScriptライブラリだ。 SproutCoreはAppleの提供するサービスである、.Macの次期バージョンMobileMeでも一部で採用されているJavaScriptライブラリだ。JavaScriptながら、gemを使ってインストールするのが特徴だ。 ターミナル上でコードを生成する Rubyを使ってWebサーバを立ち上げることができ、ポート番号4

    AppleのMobileMeでも使われるJavaScriptライブラリ·SproutCore MOONGIFT
    nettabo
    nettabo 2008/09/05
    Cocoa on Railsなライブラリ。railsライクなジェネレータでCocoa風Webアプリがつくれる。こいつをビュー的に使えるRailsプラグインないのかな。
  • Yahoo!画像検索流 iPhone用ページの作成方法

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

    nettabo
    nettabo 2008/08/12
    iPhone向けサイト制作のお供に。
  • フォームのフリガナを自動入力させるAutoRuby.js | ホームページ制作・運営のヒント

    &amp;lt;script Language=”javascript” src=”http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&amp;amp;pid=877160106″&amp;gt;&amp;lt;/script&amp;gt;&amp;lt;noscript&amp;gt;&amp;lt;a href=”http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2456113&amp;amp;pid=877160106″ target=”_blank” &amp;gt;&amp;lt;img src=”http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2456113&amp;amp;pid

    nettabo
    nettabo 2008/07/02
    この発想はなかったわ。
  • bookreader.js

    bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ

    nettabo
    nettabo 2008/06/05
    ページがないとこに行こうとすると跳ね返ったり、次のページが透けてたり、さわり心地の良いインタフェース。個人的には縦一本の方が長文読みやすいけど。
  • MOONGIFT: » クールなプレゼンをしよう「S6」:オープンソースを毎日紹介

    HTMLで作るプレゼンの利点は何だろう。一番お勧めなのは、普段使い慣れているテキストエディタで書ける点だ。また、シンプルな作りになるのも良い。各種プレゼンソフトウェアは、こったことができるためにビジュアルの作り込みばかり力が入って、肝心の中身が大したものではなくなることがある。 S6によるプレゼン例(via S6 と XPath の紹介) とは言え、ただ文字列を並べるだけでは格好が悪い。そこで専用ツールの登場だ。 今回紹介するオープンソース・ソフトウェアはS6、JavaScriptの達人amachang製のHTMLプレゼンソフトウェアだ。 S6はプレゼン用HTMLファイルに各種イフェクトを可能にするソフトウェアで、矢印キーでのプレゼンスライド切り替え、一覧表示機能がある。各スライドごとにアクションを定義し、多彩なイフェクトをかけられる。 スライド一覧機能 例えば大きな文字がズームアウトしな

    MOONGIFT: » クールなプレゼンをしよう「S6」:オープンソースを毎日紹介
    nettabo
    nettabo 2008/04/18
    amachangのプレゼンツールS6。最新版がどれなのかわからない件。
  • makikomi.png | Hiroiro

    Qrio Lockとは? Qrio Lockは既にご存じの方が多いと思いますが、玄関の解錠・施錠をスマートフォ...

    nettabo
    nettabo 2008/04/10
    これはすごい。
  • cvi_text_lib ブラウザだけで文字を好きな方向に書けるライブラリ | 秋元@サイボウズラボ・プログラマー・ブログ

    cvi_text_libは、Javascriptで英数字の文字列をベクター描画するライブラリで、IEではvml、それ以外のブラウザ(Firefox, Opera, Safari)ではcanvasを使い分けることで、主要なブラウザでの動作を実現している。 Javascriptライブラリの中に、san-serifのフォントのベクターデータが含まれていて、英数字・記号についてはそのベクターデータを元に文字を描く。それによって、通常のHTMLと違い、好きな角度でテキストを表示したり、ベクターに沿って文字にいろいろな効果を与えることができる。 サンプルでオンラインエディタも用意されている。このエディタは、Javascriptから動的に文字やその表示方法を切り替えることができる、というそれ自身のよいデモになっている。 ベクタデータを自分で持っていることから、日語の文字データを全部持たせるのはファイル

    cvi_text_lib ブラウザだけで文字を好きな方向に書けるライブラリ | 秋元@サイボウズラボ・プログラマー・ブログ
    nettabo
    nettabo 2008/03/19
    フォント情報持たないとダメなのか。
  • ONGMAP.COM - Locate and Search

    Captcha security check ongmap.com is for sale Please prove you're not a robot View Price Processing

    ONGMAP.COM - Locate and Search
    nettabo
    nettabo 2008/02/28
    無線LANとか飲食店とか、地図からいろんな情報を検索できる。ExtJS使ってるのね。