タグ

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

  • Fusuma - Markdownを使ったHTMLスライド

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました HTMLでスライドを作る場合、アニメーションやロゴの配置ではなく、コンテンツに集中して作れます。さらに記法がMarkdownであればスライドを作るのが苦手な人であっても問題ありません。さくさくと作れるでしょう。 今回は新しいHTMLスライドのFusumaを紹介します。便利な機能がたくさん詰まっています。 Fusumaの使い方 デモスライドです。 特に良いのがプレゼンテーションモードです。 目次を出す機能もあります。 ターミナル、コードの表示も綺麗です。 メニューです。目次でジャンプもできます。 この手のソフトウェアは幾つもありますが、プレゼンテーションAPIに対応しているものは意外と多くありません。Fusumaを使えばコンテンツはMarkdownでさくさくと、プレゼンテーションモー

    Fusuma - Markdownを使ったHTMLスライド
    sugimori
    sugimori 2019/06/02
  • Slidium - MarkdownベースのスライドをGUIで作成

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 最近Markdownを使ってスライドを作る方が増えています。テキストで作れるので手軽な一方、テキストベースなのでデザインにこだわれないのが欠点です。ビジュアルにこだわる場合は画像などを使わなければなりません。 そこで使ってみたいのがSlidiumです。Markdownベースながら、可視化にもこだわったスライド作成ソフトウェアです。 Slidiumの使い方 最初の画面です。テーマから選んだり、最近使ったスライドも確認できます。 作成画面です。 水平線を引くと新しいページを作れます。 さらにマインドマップも使えます。 グラフも各種サポートされています。 こんな組織図も。 テーブルは普通のMarkdownとして書けます。 SlidiumはMarkdownベースでスライドを作る際に、プレビ

    Slidium - MarkdownベースのスライドをGUIで作成
  • React Desktop - Reactを使ってMac OSX/Windowsアプリを開発 MOONGIFT

    Reactへの注目がどんどん高まっています。Webのビューライブラリという枠を越えて、React Nativeによってスマートフォンアプリ開発にも使えるようになっています。特にコンセプトであるLearn once, run everywhere(一度覚えればどこでも動く)が素晴らしい考えと言えます。 そんなReactを次のターゲットとしてデスクトップでも動くようにしたのがReact Desktopです。Mac OSX/Windowsに対応しています。 React Desktopの使い方 React Desktopのデモです。Webでも表示できるのがすごいです。 コントロールもちゃんと動きます。 そしてWindows 10でも使えます。 フォームもまさにWindows 10といった感じです。 メニューを隠すこともできます。 ElectronはHTML5を使ってデスクトップアプリを作ることがで

    React Desktop - Reactを使ってMac OSX/Windowsアプリを開発 MOONGIFT
    sugimori
    sugimori 2015/11/06
    派生がすごいな
  • Stack Overflowでも利用中のWebベースMarkdownエディタ·StackEdit MOONGIFT

    StackEditJavaScript製のオープンソース・ソフトウェア(Apache Licnese 2.0)です。 最近Markdownエディタが熱いです。ローカルアプリケーション、Webベースと様々な形式がありますが今回は技術者に人気のサービスStack Overflowで使っているStackEditを紹介します。 こちらがエディット画面です。2ペインになっています。 JavaScriptベースなのでプレビューがすぐに反映されます。 文字数カウンター付き。これは地味に嬉しい。 HTML変換結果をその場で得られます。 プレビューを全体表示に変更。 Markdown/HTML/テンプレートとして保存できます。 画像の挿入。 Google+から取得できます。 画像のインポート確認。 テーブルの他、定義リストにも対応。 TOCと書くと目次になります。 MathJaxにも対応しています。 St

    Stack Overflowでも利用中のWebベースMarkdownエディタ·StackEdit MOONGIFT
    sugimori
    sugimori 2014/02/19
    これ良さそう。使ってみよう。あとは、スマホのアプリいいのかないかなー。
  • Gitを使って誰でもDropboxを作れる·RubyDrop MOONGIFT

    RubyDropはRuby製のオープンソース・ソフトウェア。個人的にDropboxはとても便利に使っている。これなしの生活は考えられないくらい便利だ。有料であれば50GBまで使えるが、無料版の2GBでは物足りないと感じる人も多いだろう。だがお金は払いたくないという人もいるだろう。 サーバ起動中 そこで考えたいのが自分だけのDropbox構築だ。重要なのは自動的に同期されるシステムであること、バージョン管理されること、複数のコンピュータ間でデータが同じ状態に保てることだろう。それらを実現するのがRubyDropだ。 RubyDropはRuby1.9系で動作するソフトウェアだ。簡単に言えば、特定のフォルダに関してRubyDropが監視を行う。そして変更があると内容をリモートのGitリポジトリにアップデートする。Gitリポジトリ側で変更があれば、Pullする仕組みだ。 自動的に同期されている G

    sugimori
    sugimori 2014/02/02
    おー。これやりたかった。
  • Redmine Desktop Client - 常時手元においておきたいデスクトップRedmineクライアント MOONGIFT

    Redmineプロジェクト管理に使っている企業は多いです。アジャイル開発のみならず必要十分な管理項目があることで従来のプロジェクト管理においても活躍します。 しかしWebブラウザからアクセスするのに対して若干の不便さを感じることもあります。もっと素早くアクセスできれば良いのに…そう思う方はRedmine Desktop Clientを使ってみましょう。 Redmine Desktop ClientはオリジナルのRedmineClientからフォークし、REST APIを使うようにしたソフトウェアです。 接続設定です。RedmineのURLとID/パスワードを入力します。Redmineのバージョンも指定する必要があります。 タイムトラッキング機能があります。タスクを選んでトラッキングを開始します。 タスクの編集や追加もここからできます。 RedmineのWeb UIから操作するよりもRed

    Redmine Desktop Client - 常時手元においておきたいデスクトップRedmineクライアント MOONGIFT
    sugimori
    sugimori 2014/02/01
    これはいいかも
  • gnuplotをJavaScriptに変換。Web上で高度な3Dグラフを描画·gnuplot-JS MOONGIFT

    gnuplot-JSはJavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。 3Dグラフを描く際などによく使われるソフトウェアがgnuplotです。高度なグラフを描けるのがメリットですが、ローカルに落として使うのが面倒に感じている人もいるのではないでしょうか。そこで使ってみたいのがgnuplot-JSです。gnuplotをEmscriptenでJavaScript化したソフトウェアです。 デモです。SVGファイルとして出力されています。 ローカル版と比べて多少のコードの修正が必要ですが、概ねそのまま動作します。 こんな複雑な描画もできます。 コードを書いてから実際に描画されるまでは多少のラグがあります。そのためリアルタイムにgnuplotのコードを評価してグラフを描くと言った使い方には向かないかも知れません。とは言えWebブラウザだけで

    gnuplotをJavaScriptに変換。Web上で高度な3Dグラフを描画·gnuplot-JS MOONGIFT
    sugimori
    sugimori 2013/11/18
    懐かしい!
  • Bootstrapベースの管理画面用テンプレート·Charisma MOONGIFT

    CharismaはHTML5/JavaScript製のオープンソース・ソフトウェア(Apache Licnese 2.0)です。 Webシステム開発において意外と不遇なのが管理画面です。内部の人が使うものなので適当に作られるケースが多くなります。そこで使ってみたいのがCharismaです。リッチな管理画面をBoostrapをベースに作り上げる事ができます。 ウィジェットがついた、リッチな管理画面です。ここまで恵まれているケースは早々ないでしょう。 ドラッグ&ドロップによる配置変更もサポート。 折り畳んで隠す事もできます。 グリッドは細かくサポートされています。 カレンダー。システム内部のデータをマッピングすると見通しが良くなりそうです。 メンバー一覧。検索やラベルもあって便利そうです。 ギャラリー。サムネイル写真をきれいに並べています。 タイポグラフィ。様々なタグをサポートしているので奇麗

    Bootstrapベースの管理画面用テンプレート·Charisma MOONGIFT
  • WindowsにもExposéライクな機能を·SmallWindows MOONGIFT

    SmallWindowsMac OSXのExposéライクな機能を提供するユーティリティです。 Mac OSXで便利だと思う機能がWindowsを使っている際に提供されていないと分かるとがっかりしてしまいます。しかしそこでめげず、代替になるソフトウェアを探せば良いのです。Mac OSXのExposéが便利に感じる方はSmallWindowsを使ってみましょう。 ウィンドウが一覧されています。 マウスを当てると大きくなります。 現在アクティブなアプリケーションのウィンドウ一覧です。 設定画面です。 指定したウィンドウを除外する設定もあります。 SmallWindowsは画面の角4カ所またはショートカットキーによる呼び出しができます。全てのアプリケーションのウィンドウを並べることも、アクティブなアプリケーションのウィンドウだけを並べることもできます。まさにExposéライクに使えます。対応O

    WindowsにもExposéライクな機能を·SmallWindows MOONGIFT
    sugimori
    sugimori 2013/03/24
  • 何のために、なんて聞いちゃ駄目。JavaScript上でBASICを動かす·Applesoft BASIC in JavaScript MOONGIFT

    Applesoft BASIC in JavaScriptApple IIに搭載されたBASIC言語をJavaScriptで実装したソフトウェアです。 小学生くらいの頃、はじめて触ったプログラミング言語がBASICでした。10とか20とかいう行数の数字、難解なコードになる原因のGOTO文など懐かしいです。そんなBASICの派生言語の一つ、Applesoft BASICをJavaScriptで再現したのがApplesoft BASIC in JavaScriptです。 まずは基のHELLO WORLD。 PONGです。ただしゲームオーバーにはなりません。 HANGMANもあります。実際に遊べます。 こんな感じのグラフィックスも描けます。 インタラクティブに入力しながら試す事もできます。 カラーサンプルです。 Applesoft BASIC in JavaScriptの再現性はかなり高いよ

    何のために、なんて聞いちゃ駄目。JavaScript上でBASICを動かす·Applesoft BASIC in JavaScript MOONGIFT
    sugimori
    sugimori 2012/12/26
    探してみたらやっぱりあった。
  • RubyのようにJavaScriptを書く·RubyJS MOONGIFT

    RubyJSはRuby 1.9.3のcorelibをJavaScriptに置き換えたライブラリです。 RubyPythonのようにJavaScriptを書けたら良いのに…というところから生まれたのがCoffeeScriptですが、今回はRuby 1.9.3のcorelibをJavaScriptに取り込んだRubyJSを紹介します。 R()で囲むとRubyJS用のオブジェクトが返ります。 こんな感じで使います。最後にto_nativeを実行すると文字や数字が返ってきます。 配列を扱うこともできます。 each_with_indexなどRubyならではのメソッドもあります。 RubyJSを使うとJavaScriptの中でRubyのようにProcを使ったり、チェーンでつないだり、Enumeratorが利用できます。Gzipして20KBとそれほど大きくないので使い勝手が良いのではないでしょうか。

    RubyのようにJavaScriptを書く·RubyJS MOONGIFT
    sugimori
    sugimori 2012/12/13
    すごい。いろいろ考えるな~
  • アジャイル開発におけるKPTをまとめるのに役立つ·KPT it MOONGIFT

    KPT itアジャイル開発などにおけるKPTをまとめるためのソフトウェアです。 KPTとはKeep(継続)、Problem(課題)、Try(挑戦)の頭文字を取ったもので、アジャイル開発や反復型開発においてイテレーション単位の振り返りに用いられるフォーマットになります。そんなKPTをする際に役立つのがKPT itです。 最初の画面です。 Keepを登録してみました。登録はタブをクリックして、テキストエリアに入力するだけです。 思いついたことをどんどん入力できます。 KPT itをイテレーションミーティングの際に使えば、各メンバーの意見を吸い上げていけそうです。KPT itはフレームワークにPadrinoを使ったRackアプリケーションになります。 KPT itRuby製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)になります。 MOONGIFTはこう見る

    アジャイル開発におけるKPTをまとめるのに役立つ·KPT it MOONGIFT
  • 使われているコードのチェックもできる!Google製のJavaScriptカバレッジツール·ScriptCover MOONGIFT

    ScriptCoverはGoogle製のJavaScriptカバレッジテストツールです。任意のWebサイトに対してテストできます。 Googleが開発したJavaScriptのカバレッジツールがScriptCoverです。Google Chrome機能拡張としてインストールすることで任意のWebサイトにおけるJavaScriptカバレッジ率が分かります。 インストールしたところです。パッケージは提供されていないようなので自分でコンパイルしてインストールする必要があります。 任意のWebページを見るとこうやってカバレッジ率が出ます。 クリックすると分析開始です。しばらく待ちます。 完了しました。JavaScriptなので実行状況によってカバレッジ率も変化するようです。 さらに詳細なスクリプト単位でのカバレッジ率も見られます。 See full coverage reportをクリックするとス

    sugimori
    sugimori 2011/11/16
    ここのカバレッジって使用率って意味なのかな?
  • Puttyをパワーアップ!タブ化に加えてTelnetやSCPにも対応させる·SuperPutty MOONGIFT

    SuperPuttyはPuttyをタブ化し、さらにTelnet接続やSCPでのファイル転送をサポートできるようにするソフトウェアです。 SuperPuttyはWindowsのターミナルソフトウェアとして最も良く使われているソフトウェアの一つであるPuttyをさらに便利にしてくれるソフトウェアです。 SuperPuttyを利用する際にはまず、Puttyのパスを設定する必要があります。 立ち上がった時のウィンドウです。Puttyの各セッションがタブで管理できます。複数のセッションをSuperPutty一つで管理できるようになります。 新しい接続の追加も簡単で、右クリックしてNewを選択します。その際にはSSHの他にもTelnet/Raw/RLogin/Serialが選択できます。 3dsearch6.png接続を作成したら後はコンテクストメニューからConnectを選べば接続が開始されます。後

    sugimori
    sugimori 2011/10/13
    タブ化はいいね!
  • jQueryを使ってクロスドメインのAjax·jQuery CrossDomain MOONGIFT

    JavaScriptを使えば画面遷移の少ない、スムーズな操作性を提供できる。いわゆるAjaxなどがそれに相当するが、ドメインを越えて通信できないのが問題だった。幾つかの打開案はあるが、例えばJSONPを使う方法やサーバサイドで取得する方法などがメインになっていた。 検索結果のXMLを並べるテスト これではどちらかのサーバで対応が必要になってしまう。そんな中、殆どをクライアントサイドだけで解決してしまうのがjQuery CrossDomainだ。 今回紹介するオープンソース・ソフトウェアはjQuery CrossDomain、jQueryによるクロスドメインAjaxライブラリだ。 jQuery CrossDomainが使うのはFlashだ。Flashを使って外部ドメインにあるXMLを取得し、それをJavaScriptに返すようになっている。その仕組みをjQueryプラグイン化することで容易に

    jQueryを使ってクロスドメインのAjax·jQuery CrossDomain MOONGIFT
    sugimori
    sugimori 2011/09/02
    Flash使うのか!反則な気もするけど、その発想はなかった。なるほどね!
  • Mac OSXのSpaces風のWindows向け仮想デスクトップ·Vista/XP Virtual Desktop Manager MOONGIFT

    仮想デスクトップという概念は古くからあるものだ。X Window Systemでは当たり前のように見るものになっている。だがWindowsでは標準実装されておらず、何らかのユーティリティを使う必要があるために普及が今ひとつ進まなかった。 Spacesに似た仮想デスクトップソフトウェア Mac OSXも同様であったが、10.5からSpacesとして標準で搭載されるようになった。そしてWindowsでもSpacesに影響されたソフトウェアが登場した。 今回紹介するフリーウェアはVista/XP Virtual Desktop Manager、VistaやXPで使える仮想デスクトップソフトウェアだ。ソースコードは公開されている、ライセンスはオープンソースではない(カスタムライセンスと表記されている)のでご注意いただきたい。 Vista/XP Virtual Desktop Managerはタスク

    Mac OSXのSpaces風のWindows向け仮想デスクトップ·Vista/XP Virtual Desktop Manager MOONGIFT
    sugimori
    sugimori 2011/09/01
    どんな感じだろう?
  • 自前のDropboxを実現する1ファイルのシェルスクリプト·vbox MOONGIFT

    vboxはシェルスクリプトで作られたDropboxライクなソフトウェア。 vboxはシェルスクリプト製のオープンソース・ソフトウェア。みんな大好きDropbox。指定されたフォルダを自動的に同期してくれて、別なPCともファイルが共有できる上にバージョン管理までしてくれる。普段は何もしないというのが良い所だ。 動作中 しかしそんなDropboxが便利だと感じる反面、自分だけのDropboxサーバを立てたいと感じている人も少なからず存在する。そんな方はvboxを使ってみるといいだろう。 vboxは何とたった一つのシェルスクリプトファイルでできている。技術的に言うと、自分でサーバを立てて、そこにある特定のディレクトリとローカルのディレクトリをrsyncで同期する。それでは単なるバックアップであり、vboxはリモートではGitを使ってバージョン管理を行っている。 複数のコンピュータで同期することも

    sugimori
    sugimori 2011/08/05
    これうまく使えないかなー
  • まずは見た目で。HTML5製の上品なプレゼンテーション·Landslide MOONGIFT

    LandslideはテキストファイルをHTMLベースのプレゼンテーションに変換するソフトウェア。 LandslideはPython/HTML5製のオープンソース・ソフトウェア。最近はHTMLによるプレゼンテーション作成も見られるようになってきた。HTMLの方が表現力が高く、デザインの自由度もあるために格好いいものが多い。画一的なプレゼンテーションは飽きてしまう。 スライド だが皆が使い始めると、より人と違ったものを使いたくなるのが常だろう。そこで新しいHTMLプレゼンテーションであるLandslideを紹介しよう。HTML5を使ったクールなプレゼンテーションが実現する。 Landslideは前後のスライドが左右に表示されるタイプのプレゼンテーションだ。ドキュメントはMarkdownまたはReStructuredTextで記述して、それをLandslideコマンドで変換する。さらにPDFへの

    まずは見た目で。HTML5製の上品なプレゼンテーション·Landslide MOONGIFT
    sugimori
    sugimori 2011/06/27
    どのくらいの表現が可能だろうか?
  • node.jsを使ったSinatra風Webフレームワーク·Express MOONGIFT

    ExpressはJavaScript製のオープンソース・ソフトウェア。node.jsはGoogle製のJavaScriptエンジンv8を使って作られたネットワークサーバで、Webサーバや何らかのメッセージを受け取るサービスを作るのに使えるサーバサイドJavaScriptを実現するフレームワークだ。 サンプルアプリケーション node.jsを使ってもWebサーバは作れるが、それはあくまでも作れるというレベルだ。もっと使いやすさを考えるならばWebアプリケーションフレームワークが欲しい。そしてそれをSintra風にまとめたのがExpressだ。 Expressはnode.jsを使いつつ、容易にサーバサイドJavaScriptを使ったWebアプリケーションを開発できるようにしたフレームワークだ。HTTPメソッドとしてはGET/POST/PUT/DELETEが使えるようになっている。テンプレートエ

    node.jsを使ったSinatra風Webフレームワーク·Express MOONGIFT
    sugimori
    sugimori 2011/06/03
    いつかnode.jsをどこかで使いたい
  • JSONファイルをFirefox上で閲覧する·JSONView MOONGIFT

    Webアプリケーションが増えるに従って、JSONフォーマットを利用する機会も増えてきた。だがJSONファイルの扱いはそれほど良くなく、Firefoxの場合ダウンロードのダイアログが開いてしまう。それにシステム向けに改行なしで作られているケースが多く閲覧には不向きだ。 JSONフォーマットをFirefox上で閲覧できる 今後さらに利用が進んでいくと思われるだけに、扱い勝手が悪いのは問題だ。そこで使ってみたいのがJSONViewだ。 今回紹介するオープンソース・ソフトウェアはJSONView、Firefox上でJSONファイルを閲覧できるようにするFirefoxアドオンだ。 JSONViewをインストールした状態でJSONファイルを開くとダウンロードダイアログが開かず、そのままソースが見られるようになる。キー、文字列、数値とそれぞれハイライト化されて表示されるので分かりやすい。配列やハッシュの

    JSONファイルをFirefox上で閲覧する·JSONView MOONGIFT
    sugimori
    sugimori 2011/03/24
    いいね!