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

  • Diagrams - システム構成図をコードで書く

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 開発者であっても図を描く機会は多いです。仕様書のようなドキュメントであったり、システム構成図の中に書いたりといった具合です。ドローソフトウェアを使ったり、スライド作成ソフトウェアを使ったりしまうが、操作やメンテナンスが面倒でストレスです。 そこで使ってみたいのがDiagramsです。開発者らしく、コードで図を描けます。 Diagramsの使い方 コードで書いた内容で図が書けます。 シンプルな例。 k8sなどの構成にも使えます。 GCP用。 DiagramsはAWSGCP、k8s、AzureそしてAlibaba Cloud向けにアイコンが用意されています。これらのサービスを作ったシステム構成を考えた時に、Diagramsを使えばメンテナンスもしやすい図が描けます。 Diagrams

    Diagrams - システム構成図をコードで書く
    jakalada
    jakalada 2020/03/10
  • Kanon - プログラミングコードを可視化

    プログラミングは構造的です。そのため、構文解析して別な言語にしたり、ツリー構造に展開したりできます。それらの構造を見ることで、綺麗な設計になっているかどうかも分かりそうです。 そんな可能性を感じさせるのがKanonです。JavaScriptのコードを解析、ビジュアル化します。 Kanonの使い方 左側にコード、右上にクラスの構造、右下にメインスクリプトの実行が可視化されています。 処理を増やしたところ。 コードが複雑になると、可視化された構造も複雑化します。 Kanonを使うことでプログラミングコードを別な視点から見られるようになります。コードは自動的に更新されるので、自分のコードを貼り付けてみて、どんな構造になっているのか見てみるのも面白そうです。 KanonはJavaScript製のオープンソース・ソフトウェア(MIT License)です。 prg-titech/Kanon: A l

    Kanon - プログラミングコードを可視化
    jakalada
    jakalada 2019/03/24
    うぐぅ
  • JavaScriptを使ってSVGでグラフを描く·Morris.js MOONGIFT

    Morris.jsはjQueryを使ったSVG描画型のグラフライブラリです。 Webブラウザ上でグラフを描画しようと思ったら従来はサーバサイドの仕組みかFlashを使うのが一般的でした。しかし今後はJavaScriptが便利です。Morris.jsはjQueryを使ったグラフライブラリです。 二つのデータがある折れ線グラフ。 棒グラフ。 エリアグラフ。 パイチャート。 今のところ対応しているのは折れ線、棒、エリア、ドーナッツチャートになっています。それぞれ豊富なオプションが用意されています。また、マウスオーバーで値をフローティング表示してくれるのも便利です。データはJavaScriptで与えますが、グラフはSVGで出力される仕組みになっています。 Morris.jsはjQuery/JavaScript製、BSD Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る

    JavaScriptを使ってSVGでグラフを描く·Morris.js MOONGIFT
  • Titaniumでゲーム開発したい人はぜひ!·QuickTiGame2d MOONGIFT

    QuickTiGame2dはTitaniumで2Dゲームを開発するためのモジュールです。 Titaniumはスマートフォンアプリを開発するのに便利なフレームワークですが得手不得手があります。不得意な分野の一つがゲームと言えますが、QuickTiGame2dはそんなTitaniumで使える2Dゲームモジュールになります。 デモで登録されているゲームです。 縦スクロールのシューティングゲーム。 かわずたんたたきもあります。 容赦なく叩きましょう! ピンボールゲームの説明です。 Appceleratorのロゴがまぶしいです。 動きは機敏とは言いがたいですが遊べます。 マップサポートのデモです。 シューティングゲームのデモ動画です。 QuickTiGame2dはOpenGL ESをベースにしているのでTitanium.UIよりも高速です。APIはenchant.jsやemo frameworkに似

    jakalada
    jakalada 2012/03/29
    かわずたんかわいい
  • 裸体カモン!ヌードを追い求める男子は実行すべし·nude.js MOONGIFT

    nude.jsは画像をCanvasで読み込んでヌード画像か否かを判定するソフトウェアです。 裸が見たい!たくさんの画像の中からとにかく裸を見たい!と思う人はnude.jsを自動実行してみると幸せになれるかも知れません。 デモ画像です。もちろん裸ではありません。Scan Imageボタンを押します。 No nude判定です。当然です。 続いて二つの画像です。水着もありますが、やはりNo nude判定です。当然です。 おっ!ということでボタンを押すと見事Nude判定です(黒塗りはどうかと思う訳ですが、そこは致し方ありません)!イヤッホウ! nude.jsはHTML5を使って画像をスキャンし、それが裸であるか否かを一定のアルゴリズムで判定しています。裸であれば残し、でなければ消してしまうスクリプトを書くと幸せになれそうです。nude.jsはHTML5をサポートしたWebブラウザで飲み動作しますが

  • テキストエリアでタグのハイライトや自動補完·TAGMATE! MOONGIFT

    TAGMATE!はTwitterやFacebookのテキストエリアのように#@$という接頭文字に対応してタグ化するライブラリです。 TwitterやFacebookによってテキストエリアの中に特定の記号を伴った文字を書くとそれがユーザやタグとして認識されるサービスが多くなっています。そこで類似の実装をする際に使えるのがTAGMATE!です。 #、@、$の後に書かれた文字列が自動的にタグとして認識されてハイライト表示されています。 @の場合は名での補完機能がついています。 $は金額に反応します。 名前のタグだけ抽出できます。この時はユーザ名なのが面白いです。 同様にハッシュタグだけ抽出。 プライスタグはうまくアラートが出ませんでした。 全てのタグを抽出しました。 TAGMATE!は@#$のタグに対応しています。パースする条件は正規表現で指定できます。インラインのオートコンプリートにも対応し

  • 珈琲とCoffeeScriptを楽しむ女子会·CoffeeGirl MOONGIFT

    CoffeeGirlは珈琲とCoffeeScriptに興味を持つ女性プログラマ向けコミュニティです。 MOONGIFTのアンケート結果によれば当サイト閲覧者の97%は男性です。それくらい濃厚な男性臭が漂うサイトではありますが、ぜひCoffeeGirlを紹介させていただきたい。CoffeeGirlはCoffeeScriptに興味を持つ女子オンリーのCoffeeの会を構築するシステムです。 CoffeeとCoffeeScriptに興味を持つ、そんなプログラマー女子の集まりです。男子禁制です。ここで紹介するのも憚られます。 イベントも開催されています。参加したいけど男子禁制です。 イベントとレポートもあります。男子であっても閲覧くらいはできそうです。 Coffeespotsなるものもあります。珈琲を楽しむことも目的に掲げられています。きー悔しい! お店の詳細です。ここに行けばCoffee女子に会

    珈琲とCoffeeScriptを楽しむ女子会·CoffeeGirl MOONGIFT
    jakalada
    jakalada 2012/01/19
    "当サイト閲覧者の97%は男性です"
  • Luaで作る2Dゲーム·LÖVE MOONGIFT

    LÖVEはLuaを使って2Dゲームを開発できるフレームワークです。マルチプラットフォームで動作します。 LÖVEはLuaを使った2Dゲームフレームワークになります。マルチプラットフォームで動作し、多彩なゲームが開発できます。 くるくる回転します。周囲にあるオブジェクトは高くなったり低くなったりします。 物理エンジンのデモです。 別なゲームのデモです。メイン画面になります。 お絵描きロジックのパズルです。 クリアするとそれまでの時間が出ます。 マウスクリックで反応するアニメーションのデモです。 太陽が回るデモです。 文字が踊りながら流れます。 デモを動かした動画です。 LÖVEを使えばシューティングやアクション、パズルなど実に数多くのゲームを開発できます。開発、動作環境がWindows/Mac OSX/Linuxとマルチプラットフォームなのも魅力です。 LÖVEはzlib/libpng li

    Luaで作る2Dゲーム·LÖVE MOONGIFT
    jakalada
    jakalada 2012/01/19
    かわいい
  • 奇麗なグラフィックで魅了される。マルチプラットフォーム対応のRTS·0 A.D. MOONGIFT

    0 A.D.はマルチプラットフォーム対応の文明系リアルタイムストラテジーゲーム。 0 A.D.はWindows/Mac OSX/Linux用のオープンソース・ソフトウェア。個人的に好きなゲームの一つにシビライゼーションがある。文明を育てるゲームで、世界各地の歴史上の指導者を用いて、領土を広げたり貿易、戦争を行う。脚色はあるが世界史を知る上でも面白いゲームだ。 非常に奇麗なグラフィックス 自分一人で相手は全てコンピュータというのも面白いが、友人たちと一緒にプレイすればより面白いだろう。ギリシア時代くらいの時代からはじまり、文明を育てていくRTS(リアルタイムストラテジー)が0 A.D.だ。 0 A.D.はグラフィックスがとても優れたゲームだ。最初は一つの建物だけがあり、建物や畑を作って徐々に土地を広げていく。建物などを配置するとキャラクターが動き、土地を開墾したり建物をつくりはじめたりする。

    jakalada
    jakalada 2011/03/26
    Gentooのebuildも作られているようなので今度試す
  • 1