タグ

ブックマーク / www.moongift.jp (12)

  • WebODF - JavaScriptでここまで!WebベースのODFエディタ MOONGIFT

    Open Document Format(ODF)と言えばOpenOffice.orgやLibreOfficeで使われているファイルフォーマットです。さらにGoogleドキュメントをはじめ、各種オフィススイートでもサポートされているフォーマットになります。 仕様はもちろん公開されていますのでその内容を解析すればエディターを開発することができる訳ですが、それは簡単ではないというのは容易に想像できます。という前提のもと、見て欲しいのがWebODF、WebベースのODFエディターです。 エディター画面です。変更履歴まで表示できてしまう優れもの! まさかここまで…というレベルです。ちゃんとツールバーまであって、ほぼローカルアプリケーションレベルの編集が実現します。 日語の入力もできます。 ODFファイルをアップロードして、そのまま編集もできます。画像の埋め込みもできるなど、ドキュメントエディタと

    WebODF - JavaScriptでここまで!WebベースのODFエディタ MOONGIFT
  • まさにWebサイトを見たままに編集できるWYSIWYGエディタ·fresherEditor MOONGIFT

    fresherEditorはcontentEditableを使ったWYSIWYGエディタです。 オンラインでコンテンツを編集する際にはWYSIWYGエディタを使うことが多いように思います。色々なライブラリが存在しますが、今回はfresherEditorを紹介します。jQueryベースのエディタです。 デモです。テキストエリアの枠がないのが印象的です。 編集状態です。枠が出ています。 WYSIWYGなのでその場で反映されます。 画像の追加も行えます。 フォントの選択もできます。 fresherEditorではcontentEditableを使ってコンテンツを編集可能にしています。デザインについてはBootstrapを使っています。まさに見たままに編集できる、そんな感じのソフトウェアになっています。 fresherEditorはjQuery/JavaScript製のソフトウェア(ソースコードは

    まさにWebサイトを見たままに編集できるWYSIWYGエディタ·fresherEditor MOONGIFT
  • Seleniumを使ったiPhoneアプリの自動操作テストツール·Appium MOONGIFT

    AppiumはiOSのテストを自動化するSeleniumを使ったテストツールです。 iOSのテストはユニットテストが基と思われます。実際の操作については人が細かくテストを行っているのではないでしょうか。その面倒なUIテストを自動化してくれるのがAppiumです。 実行中です。 文字の入力などは自動で行ってくれます。 テストコード。 AppiumはテストコードをJava/Ruby/PHP/node.js/Pythonで書くことができます。さらにSeleniumを使って開発されているのも特徴です。テストは分離しているため、既存のアプリに何らかのSDKを組み込んだりする必要はありません。近く、Androidもサポートされるそうです。 AppiumはMac OSX用のオープンソース・ソフトウェア(Apache License 2.0)です。 MOONGIFTはこう見る iPhoneを自動操作して

    Seleniumを使ったiPhoneアプリの自動操作テストツール·Appium MOONGIFT
  • これはnode.jsの時代が来るか!?全て揃ったnode.jsフレームワーク·Tower.js MOONGIFT

    Tower.jsはフルスタックのnode.js用Webアプリケーションフレームワークです。 こ、これはやばい…。ついにnode.jsの時代が来るかもしれない、そう感じさせるWebアプリケーションフレームワークがTower.jsです。 インストールはnpmで簡単にできます。 まず新しいアプリケーションを作成します。 Scaffoldで簡単にコントローラ、モデル、ビューを生成。 生成された際の構成はこんな感じです。 towerコマンドのオプションです。 Webサーバを立ち上げ場合です。 Tower.jsはMongoDBをデータベースに、Redisはバックグランドジョブ、CoffeeScriptをメインの記述に使いつつ、Jasmineをテストフレームワーク、jQueryも使えるフレームワークです。メール、マイグレーション、MVC、RailsばりのO/Rマッピング、バリデーション、ルーティング、B

  • こんな手が!Faviconを使って通知数を表示する·Tinycon MOONGIFT

    Tinyconは未読などの通知をWebブラウザのお気に入りアイコンの上に表示するソフトウェアです。 Webサービスでメッセージをやり取りしたり、チャットなどで新着通知を出したいことがあります。そんな時にタイトルで教える方法もありますが、Tinyconは面白いことにFaviconを使って通知ができます。 Faviconの下に数字が書かれています。数秒ごとに自動で繰り上がっていきます。 デモです。どんどん数字が繰り上がっていきます。 実装する際のコードです。数値を当てるだけの簡単な使い方です。 Faviconの画像に数値を重ねて表示する程度であればサーバサイドでも実装できるでしょうが、TinyconはリアルタイムにFaviconを変化させられる点が強みです。メッセージを受け取ったタイミングで変化させればユーザの気付きにも役立つことでしょう。 TinyconはJavaScript製のオープンソー

  • 注目!サーバサイドからjQueryを使ってDOM操作·nodeQuery MOONGIFT

    nodeQueryはnode.js用のサーバサイドjQueryで、サーバサイドでクライアントサイドのDOMを変更できたりします。 node.jsでjQueryライブラリを読み込むと、jQueryが提供するメソッドを使えますが、さらに一歩進めたのがnodeQueryです。サーバサイドからクライアントサイドの描画を変更できたりしてとても面白い実装ができます。 インストールはnpmで行います。 まずサンプルのブログです。普通に表示されているのが分かります。 サーバサイドです。node.jsのスクリプトの中でHTMLタグを出力しているのが分かります。構文にjQueryが使われているのも分かります。 ブログの新規投稿です。 投稿できました。 Twitter検索です。 時間が更新されるデモです。サーバサイドの時間であるのがミソです。 サーバサイドのソースです。 nodeQueryを使うとサーバサイドと

  • PowerPointを使ってプロトタイプを作ろう·PowerPoint Prototyping Toolkit MOONGIFT

    世の中には何でもPowerPointでやらないと気が済まないという人たちがいる。Excel使いがそうであるように、PowerPoint使いがいるのだ。余計なソフトウェアを購入するよりはよっぽども良いが、再利用性のない方法をとられても困る気はするのだが…細かいところは気にしないでおこう。 PowerPointを使ってアプリケーションの画面を作る そんなPowerPointウィザードな方々に送る、プロトタイプ作成ツールキットがPowerPoint Prototyping Toolkitだ。 今回紹介するフリーウェアはPowerPoint Prototyping ToolkitPowerPointを使ってアプリケーションのプロトタイプを作成するツールキットだ。 PowerPoint Prototyping Toolkitは画面や画面を構成するオブジェクトを作成し、PowerPoint2007の

    PowerPointを使ってプロトタイプを作ろう·PowerPoint Prototyping Toolkit MOONGIFT
  • Eclipseとも連携するJavaScriptのユニットテスター·JsTestDriver MOONGIFT

    まだ格的なWebアプリケーションを作り込んだことがないので、JavaScriptのユニットテストを必要としたことはないのだが、jQueryやMooToolsなどのJavaScriptフレームワークの利用が進んでいる昨今では間もなくJavaScriptにも適切なテストを行うべきかもしれない。 キャプチャ状況 キャプチャしたデータ テストの基となるものとしてユニットテストが有名だ。JavaScriptの場合、実行エンジンが各ブラウザに依存するのが難点だが、JsTestDriverを使えばブラウザを越えたテストができるようになる。 今回紹介するオープンソース・ソフトウェアはJsTestDriver、JavaScriptのテストフレームワークだ。 JsTestDriverはサーバとして動作するソフトウェアで、指定したディレクトリにあるJavaScrptファイルとそのユニットテストファイルを読み

  • マルチプラットフォーム対応のAS3/Flex向けIDE·Moonshine MOONGIFT

    MoonshineはWindows/Mac OSX用のオープンソース・ソフトウェア。FlashやFlexといった技術を使った開発を行う場合にはFlash CS5のような環境が必要に思われるが、場合によってはFlashDevelopのようなオープンソース・ソフトウェアでも可能だ。 編集画面 コンパイラは無償で提供されているので開発するのに適したエディタがあれば実際にActionScript3などで開発ができるのだ。FlashDevelopは優秀だがWindows向けだ。Mac OSXユーザであれば(Windowsユーザも)Moonshineを使ってみるといいだろう。 Moonshineはまだシンプルなエディタだがコンパイル機能も備えている。ActionScriptファイルのハイライト表示にも対応し、プロジェクトファイルの階層表示も可能だ。実際にコンパイルをし、結果を確認することもできる。 プ

  • JavaScript製のOAuthライブラリ·jsOAuth MOONGIFT

    jsOAuthはJavaScript製のOAuthライブラリ。 [/s2If] jsOAuthはJavaScript製のオープンソース・ソフトウェア。今ではWeb APIを公開しているサービスは珍しくない。そして従来は配信系ばかりだったが、今ではWeb APIを通じたデータ登録や更新も可能になっている。そんな時の認証の仕組みに使われているのがOAuthだ。 テスト用コード(ここままでは動かないが…) OAuthはTwitterで最も知られるようになったが、元々はFlickrGoogle、Facebookなどでも使われている機能ベースの認証技術だ。そしてそれをJavaScriptベースで実現したのがjsOAuthになる。 jsOAuthはJavaScriptによる実装なので、ソースコードが見えてしまう。OAuthではシークレットキーを使うので、それが丸見えというのは考えものだ。だがWebブ

  • iPhone向け最適化Webサイトを構築するjQueryライブラリ·jQuery iPhone UI MOONGIFT

    jQuery iPhone UIHTML/JavaScript製のオープンソース・ソフトウェア。iPhone用のWebサイトを構築するニーズが増えてきている。既に幾つかテンプレートもリリースされており、それらを使えば最適化されたインタフェースのサイトが作りやすくなる。 アイコンリスト そうしたライブラリを使う時に重要なのが、どれくらいの機能に対応しているかだ。単純なリストはもちろん、プロフィールページ、画像付きリスト、フォームなど多数のニーズがある。その一つ、JavaScriptを使ったパターンに適合できそうなのがjQuery iPhone UIだ。 jQuery iPhone UIの特徴は名前の通りjQueryを使っていることだろう。同種のライブラリとしてjQTouchがあるが、あちらはがちがちに固まっている雰囲気があるがjQuery iPhone UIは切り離して使えそうだ。HTML

    iPhone向け最適化Webサイトを構築するjQueryライブラリ·jQuery iPhone UI MOONGIFT
  • iPhoneにも対応したビジュアルプログラミング環境·Tersus MOONGIFT

    TersusはWindows/Mac OSX/Linuxに対応したオープンソース・ソフトウェア。ビジュアルプログラミングは誰しもが夢を見る。コードの羅列ではなく、見た目でオブジェクトを配置したりしてプログラミングができればどれだけ面白いだろう。エラー処理などはもちろん環境が隠蔽してくれれば良い。 コードを書かずにビジュアルプログラミング もちろん高度なソフトウェアは無理だろうが、かつてのVBのようにユーザがちょっとしたツールを自分たちのために作りたいと思った時に使えるかも知れない。そんなとき、プログラミングコードを書くよりもビジュアルな方が使い勝手が良い。そのためのソフトウェアがTersusだ。 Tersusはビジュアルプログラミング環境を提供する。画面のデザインも含めて一つのファイルの中に全てが詰め込まれる。iPhoneMac OSXなど様々なプラットフォームに対応したWebアプリケー

    iPhoneにも対応したビジュアルプログラミング環境·Tersus MOONGIFT
  • 1