svgbob - アスキーアートをSVGに変換
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました READMEなどテキストファイルには罫線を駆使したアスキーアートが載ることが多々あります。一度だけであれば良いのですが、メンテナンスもしづらいですし、見やすいものではありません。 しかし技術者としてはドローソフトウェアでいちいち描いたりするのも面倒です。そこで使ってみたいのがsvgbobです。 svgbobの使い方 一例です。左側のテキストがSVGに変換されています。 工夫すれば日本語も使えます。 こんな複雑なイラストも。 ____[] | ___ | || || device ||___|| loads | ooo |----------------------------------------------------------. | ooo | | | | | ooo |
Batsh·Bashスクリプト、Windowsバッチファイルを生成するプログラミング言語 MOONGIFT
最近、altJSに代表されるような言語を抽象化したプログラミング言語が人気です。素のままに使うのではなく、抽象化することでより優れた書き方に変換できたり、多数のフォーマットへの変換を容易にします。 Batshもその一つです。Batshという代替言語から、BashスクリプトとWindowsのバッチファイルを生成することができます。 Batshの使い方 左側がBatsh、右側がBashスクリプトへの変換結果です。 同じスクリプトからWindowsのバッチファイルを生成。 関数も使えます。 Windowsだとcallなんですね。 Batshを覚えてしまえばBashスクリプトもWindowsのバッチファイルも同じ書き方で対応できるようになります。あまり使う機会のない言語の場合、覚えておくのも大変です。Batshを習得しておけばLinux/Windows環境の両方で便利に使えるでしょう。 Batsh
winstrap - Microsoft社公認のBootstrapテーマ
モダンなWebサイトを実現するためにはモダンなデザインフレームワークを使うべきです。そうすることで全体の統一感が生まれ、使い勝手の良いWebサイトが生まれます。継ぎはぎでは統一感を出すのは困難です。 今回はMicrosoft公式のBootstrapテーマ、winstrapを紹介します。最近のMSらしい、モダンなWebデザインが実現します。 winstrapの使い方 スクリーンショット多めで紹介します。まずはカラーリング。確かにそれっぽいですね。 カラーリングも複数パターン用意されています。 グラデーションも細かく設計されています。 枠組みだけ。 黒バックの場合。 タイポグラフィ。 アイコン。 グリッド。かなり細かい印象です。 ボタン。 チェックボックス。ラベル全体をチェックします。 トグルスイッチ。 フォーム。 テキスト入力。 コンボボックス。 ツールチップ。 ダイアログ。 タブ。 ナビゲ
Roc - React/Reduxを使ったnodeフレームワーク MOONGIFT
Reactを使ってみたいと思うプログラマはたくさんいると思うのですが、いざちゃんとしたものを作ろうと思うとフレームワークの存在に悩むことになります。Reduxを使うとしてもどういう組み合わせ、ディレクトリ構成でやるのがベストなのか分かりづらかったりします。 そこで使ってみたいのがRocです。React/Reduxを使ったnodeのWebアプリケーションフレームワークです。 Rocの使い方 Rocのインストールはnpmでできます。 npm install -g roc アプリケーションの初期設定はinitを使います。対話型で作ります。 $ roc init web-app-react Found a folder named /path/to/react-app, will try to use it. Using v1.0.3 as template version : ? What's
JavaScripthon - Pythonで書いてES6のコードを生成
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 今のところ、Webブラウザで適切に動作が保証されているプログラミング言語はJavaScriptしかありません。そのため、Webアプリケーションを開発する上でJavaScriptの習得は必須なのですが、なるべくなら書きたくないという方も多いです。 もしあなたがPythonプログラマーであれば使ってみたいのがJavaScripthonです。PythonコードからECMAScript2016（ES6）へ変換してくれるソフトウェアです。 JavaScripthonの使い方 コード例です。普通にPythonのコードに見えます。 # -*- coding: utf-8 -*- # :Project: metapensiero.pj # :Author: Andrew Schaaf <andre
Draft.js - テキストエディタ開発用のReactコンポーネント MOONGIFT
Reactが向いているのはユーザの入力をリアルタイムに、かつ画面上の様々な場所に反映するようなインタラクティブなWebアプリケーションです。開発者は状態を気にせず画面を作れるのが利点でしょう。 さらにReactではコンポーネントの再利用がしやすいのも利点と言えます。今回はFacebookの開発したテキストエディタ開発用コンポーネントDraft.jsを紹介します。 Draft.jsの使い方 Draft.jsのデモです。文字を選択して色をつけられます。 背景色を変えることもできます。 改行すると、それに合わせてテキストエリアの大きさも変化します。 リンクを追加。 機能を追加すればWYSIWYGエディタとして使えます。 Twitter風に。@や#に対して色がつきます。 数式を埋め込む機能もあります。 編集はテキストエリアで行います。 Reactなので、変更はリアルタイムに反映されます。 Draf
Slackcat - コマンド出力をSlackにポスト
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Slackが流行っていることもあって、情報をどんどんSlack上にアップしていこうという流れになっています。外部のWebサービスもSlack連携のものが増えてきました。 今回紹介するのはSlackcat、コンソールとSlackを連携させるソフトウェアです。スクリプトの出力結果をSlack上にポストします。 Slackcatの使い方 Slackcatは標準出力などをそのままパイプで渡せばいいだけです。結果はこんな感じでファイルとしてポストしてくれます。 コマンドのヘルプです。ストリームにも対応しています。 $ slackcat --help NAME: slackcat - redirect a file to slack USAGE: slackcat [global option
Photon - ElectronアプリをMac OSX風アプリに仕上げるデザインフレームワーク MOONGIFT
Electronを使えばHTML5/JavaScript/CSSを使ってデスクトップアプリが開発できます。それは知っていても、UIがなんとなくWebっぽい感じを残していると、それはやはりWebアプリケーションをラッピングしただけのものだと感じてしまいます。 そこで使ってみて欲しいのがPhotonです。Mac OSX用のツールであれば、まさにMac OSXっぽいUIに仕上げられるでしょう。 Photonの使い方 コンポーネントは多数用意されています。まずはバー。 アクション付きのバー。 タブ付きのバー。 ナビゲーション。 リスト。 ボタン。 フォーム。 テーブル。 アイコン。 PhotonはまさにMac OSXアプリで必要とされるようなUIコンポーネントを多数用意しており、デスクトップのネイティブUIと殆ど変わらない仕上がりにしてくれるのではないでしょうか。同様にWindowsやLinux版
MegaJS - ロックマンをJavaScriptで再現
ロックマン（英語圏ではMegaman）は今なお色褪せることのない人気のゲームシリーズとなっています。今の高画質、高機能なロックマンも良いですが、やはり初代ファミコン時代のロックマンこそ至高、と思う方も多いのではないでしょうか。 そんな方にお勧めしたいのがMegaJS、HTML5/JavaScriptで再現されたロックマンです。ちゃんと遊べるレベルに仕上がっているのがすごいです。 MegaJSの使い方 操作はASWDで移動、O/Pキーでジャンプとビームです。 今のところ遊べるステージはFlash Manだけのようです。 遊んでいるところ。 MegaJSは時々ステージがなくなってハマったりする可能性がありますので注意してください。しかしJavaScriptでもファミコン時代のアクションゲームが十分に遊べるようになってきているというのはすごいですね。なお著作権上の問題はあるのでご注意ください。
Nevernote - Ruby on Rails製のEvernoteクローン
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました こ、これは危険な香りが…。 Evernoteを使っている方は多いかと思います。筆者も何度かプレミアムになったことがあるのですが、その度にあの重たいUIにやられて使わなくなっています。使い勝手は良いので、自分専用に軽く動いてくれると良いのに、と思わずにはいられません。 そんな夢を叶えてくれるかも知れないのがNevernoteです。Nが追加されただけのほぼEvernoteという危ない気のするソフトウェアです。 Nevernoteの使い方 トップページの時点ですでに怖いです。 まずはアカウントを作成します。 トップページです。実に見覚えのあるデザインです。 メモの書き心地はまさに本家と同じです。 画像は使えませんが、タグは使えます。 機能的にはEvernoteのテキストのみといった感じで
コンソールからFirefoxを操作する·MozRepl MOONGIFT
GUIのアプリケーションは人が操作する分には便利だが、自動操作したり、システムから操作するには使い勝手が悪い。コマンドベースでGUIアプリケーションが操作できれば、今までにない使い方が生まれるかも知れない。GUIとCUIのどちらが優れているという訳ではなく、自由に選択できれば良いのだ。 メニューバーからMozReplを起動する そんな便利な操作を可能にするのがMozReplだ。MozReplはターミナルからFirefoxなどに接続できるようになる。 今回紹介するオープンソース・ソフトウェアはMozRepl、コンソールを使ってFirefoxを操作するFirefoxアドオンだ。 MozReplは昔からあったのだが、徐々にパワーアップしてきて面白くなってきている。MozReplを入れるとFirefoxのメニューからtelnetサービスを起動できるようになる。ポート番号は4242（デフォルト）だ。
これは凄い。JavaScriptで作られたPHP VM·php.js MOONGIFT
php.jsはJavaScriptで作られたPHP VMです。PHPコードをJavaScriptに変換して実行します。 世の中には色々変わったことを考える人がいます。Webブラウザでデフォルトで実行できるプログラミング言語がJavaScriptだけなんて許しがたい、そう考えたPHPプログラマーが生み出したのがphp.jsです。その名の通り、PHPの実行エンジンをJavaScriptに実装したというとんでもないソフトウェアになります。 確かに実行できています。PHPのコードからJavaScriptに変換を行っているようです。 配列、クラスさらにvar_dumpまで実装されているのが興味深いです。 かなり突っ込んだPHPの処理もできている模様です。これは面白い。 ダブルクオートの中に変数を入れて普通に出力できているのが興味深いです。 php.jsではPHPのコードがそのまま実行できます（もちろ
多数の言語のAPIドキュメントを一元管理·DocHub MOONGIFT
DocHubはHTML、JavaScript、PHPなどに対応したAPIドキュメントサーバです。 プログラミングをある程度やっていると、解決法を探すのにAPIドキュメントを当たるのが一番早くなっていきます。そこで社内でも使えるAPIドキュメントサーバとしてDocHubを紹介します。 メイン画面です。今はCSS/HTML/JavaScript/DOM/jQuery/PHP/Pythonに対応しています。 検索はインクリメンタルです。入力するたびに絞り込まれていきます。 後は関数名を選択すればその説明が表示されます。 こちらはJavaScript。ユニークなURLが付くので後で見直すのも簡単です。 DocHubの特徴としてデータは常にオンラインにあるものを使用しているということがあります。そのためデータの更新を行う必要はなく、常に最新のドキュメントが参照できます。問題はインターネットを使う分、
これは便利。Google ChromeでCoffeeScriptを使う·CoffeeConsole MOONGIFT
CoffeeConsoleはGoogle Chrome上でCoffeeScriptを記述して実行できる機能拡張です。 CoffeeScriptに慣れると素のJavaScriptが書きづらく感じるようになってしまいます。ChromeのデバッグでJavaScriptを書くのにストレスを感じていた方はCoffeeConsoleをぜひ使ってみてください。 インストールします。 インストールしました。すぐに使えます。 Webインスペクタを開きます。右端にCoffeeScriptというタブが追加されています。 開きました。左側に記述すると、右側に変換後のJavaScriptが表示されます。 リアルタイムに変換されます。そのままコマンド＋エンターまたはShift＋エンターを押すと実行されます。 console.logなどはConsoleタブで確認する必要があります。 CoffeeConsoleは一行単位
Java製のソースコード検索エンジン·OpenGrok MOONGIFT
複数人での開発、さらにメンテナンスが進むと関数やクラスが増え、その全体像が分かりづらくなってくる。開発のスピードが求められている現代、それらをドキュメントで管理していくのは得策だろうか。 検索結果 ソースコードを見通しよく管理するために、検索エンジンを使うのは良い選択かもしれない。 今回紹介するオープンソース・ソフトウェアはOpenGrok、Java製のソースコード検索エンジンだ。 OpenGrokはTomcatなどで動作するWebアプリケーションで、ソースが含まれる場所を指定してソースコードを検索できる。ctagを使うことで、利用されている元の関数にジャンプすることも可能だ。 ソースコードビューワー 各種バージョン管理システムに対応して、履歴を見たり差分を取得することもできるようだが、筆者環境ではうまくいかなかった。また、ソースの閲覧時には各種言語に対応したハイライト化がされる。 検索は
Google I/O 2011で利用されたHTMLプレゼンテーションテンプレート。 MOONGIFT
I/O 2011 SlidesはGoogle製のHTMLプレゼンテーションテンプレート。 I/O 2011 SlidesはHTML5/JavaScript製のオープンソース・ソフトウェア。Googleの開発者会議とも言うべきGoogle I/Oが開催された。今年もまた新しい技術やサービスが次々と紹介され、整理が追いつかないという人も多いのではないだろうか。 スライド表示 そんなGoogle I/O 2011の中で使われたスライドはHTML5製だ。テンプレートがI/O 2011 Slidesとしてオープンソース化されているので誰でも利用できる。 I/O 2011 Slidesは角丸のシンプルなスライドで矢印キーやスペース、マウスクリックでスライドを切り替えることができる。単純に文字を表示する他、CSSでサイズや色を変えたりクリックするたびにリストの項目を表示していくと言ったこともできる。 画
MOONGIFT: » Railsをデスクトップアプリケーションのように配布「RoRGate」:オープンソースを毎日紹介
Webアプリケーションはブラウザから使うもの、として認識されている。だがその種類や可能な操作はデスクトップアプリケーションを脅かしつつある。AIRのような技術もあり、Web技術はデスクトップの分野まで手にかけている。 メイン画面 そんな状況をさらに進展させるソフトウェアが登場した。Railsアプリケーションをデスクトップアプリケーションのように配布するのだ。 今回紹介するオープンソース・ソフトウェアはRoRGate、Ruby on Railsアプリケーションのパッケージングソフトウェアだ。 RoRGateはRailsの起動フロントエンドとも言うべきソフトウェアで、名前、アイコン、Railsアプリケーションのパス、ポート番号を指定することでMac OSXネイティブなアプリケーションを生成してくれる。 生成したアプリケーションを実行したところ できあがったアプリケーションを立ち上げると、Saf
海外製ソフトウェアによくみるREADME風のアスキーアートジェネレータ·Ascii Design MOONGIFT
アスキーアートを作るソフトウェアは数多い。とは言え、日本のいわゆる職人の方々に匹敵する代物を自動で生成するのは難しいだろう。それでも個人が手軽にアスキーアートを楽しむのに、自動的に生成してくれる類のソフトウェアは便利なはずだ。 トレイン 昔からソフトウェアのREADMEファイルなどのヘッダ部分にソフトウェア名を記したアスキーアートがよく使われてきた。あれを自動生成してくれるのがAscii Designだ。 今回紹介するオープンソース・ソフトウェアはAscii Design、Windows用のアスキーアートジェネレータだ。 Ascii Designは海外向けのソフトウェアであり、日本語は使えないので注意していただきたい。英語で文字を書き、ジェネレータを指定して保存すると、その文字をアスキーアート化してくれる。 パズル すごいのはその対応ジェネレータの数だ。軽く200種類は越えている。この中か
iPhone用オープンソースのバーコードスキャナ·ZBar MOONGIFT
ZBarはiPhone用のオープンソース・ソフトウェア。iPhone 3GSからカメラの性能が向上して至近距離でもはっきりと撮影ができるようになった。これによってバーコードスキャンのような仕組みも作れるようになった。最も使いやすいのは書籍のスキャンになるだろう。 読み取られたバーコード その他、バーコードを読み取れれば様々な商品とのリンクが可能になるはずだ。そんな仕組みを自分でも作ってみたいと思う方はZBarを参考にすると良さそうだ。ZBarはオープンソースのバーコードスキャナライブラリZBarを使ったiPhoneアプリだ。 ZBarはApp Storeでもフリーで提供されている他、Mercurialリポジトリも公開されている。仕組みとしてはカメラを起動し、バーコードに表示を合わせて数秒待つとスキャンされた結果が表示されるようになっている。自分でシャッターを切る必要はない。 複数の種類に対
iPhone用の便利なテキスト入力を目指す·Editorrific MOONGIFT
EditorrificはiPhone向けのオープンソース・ソフトウェア。iPhoneではソフトウェアキーボードが使われているが、慣れないと入力はなかなか難しい。フリック入力を使っても良いが、英字と日本語が混ざっていたりするとそう簡単ではない。 別な情報を見ながらテキストを入力する その代わり、ソフトウェアキーボードなのでハードウェアでは難しい拡張ができるという利点がある。例えばキーボードの上にアプリならではのボタンを追加したりすれば利便性が向上する。そんな拡張を行うのがEditorrificだ。 Editorrificはシンプルなエディタアプリで、入力テキストの表示とキーボードの上にClose/Clear/Doneといった3つのボタンを追加する。テキスト入力欄は画面の半分までで、別な情報を見ながら入力できるのが便利だ。 有料のTwitterアプリTwitterrifficの提供するエディタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
