タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

JavaScriptと*SoftwareとNode.jsに関するski_yskのブックマーク (94)

  • Blazer - SQLを使ってデータベースから有益な情報を引き出そう MOONGIFT

    ビジネスの根幹にはデータベースがあります。日々の業務を通じて蓄積されていくデータをいかに検索し、有益なデータを抽出するかがビジネスの成否を決めると言っても過言ではないでしょう。 そのために必要なのがSQLを自由に実行できる環境です。今回はBlazerを紹介します。 Blazerの使い方 最初の画面です。データが一覧表示されています。 インクリメンタルサーチに対応しています。 任意のSQLを実行できる環境も用意されています。 SQLを実行し、そのまま保存もできます。 位置情報がある場合は地図にマッピングされます。 テーブルの構造も確認できます。 Blazerを使えば任意のSQLを実行して、それを保存しておけます。同じ条件であれば一度開発者が組み立てておくことでマーケターや営業の方はセルフサポートできるようになるでしょう。データベースをビジネスに活用するためには必須のソフトウェアです。 Bla

    Blazer - SQLを使ってデータベースから有益な情報を引き出そう MOONGIFT
  • Terminal Kit - CLIのソフトウェアをパワーアップ

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 開発者向けのツールを開発する場合、GUIがない方が手軽で自動化も考えられるのでメリットがあります。しかしユーザビリティを考えるならばインジケータを付けたり、インタラクティブに入力がある方が良いでしょう。 今回はそんなCLIツールを便利にしてくれる機能を満載したTerminal Kitを紹介します。 Terminal Kitの使い方 サンプルです。ファイル選択機能です。 $ node sample/file-input-doc1.js Choose a file: /path/to/saturn.txt Your file is '/path/to/saturn.txt ' さらにコマンドを入力させて、それを取得するデモ。 $ node sample/input-field-doc4

    Terminal Kit - CLIのソフトウェアをパワーアップ
  • Franchise - 多数のデータベースに対応したSQLノートブック

    SQLを覚えると実務で使える様々なデータを取得できるようになります。毎回同じようなSQLを記述するのが面倒で、テキストファイルに定番のSQLをメモで残している方も多いのではないでしょうか。 そんな方にお勧めなのがFranchiseです。SQLを残しておけるノートブックです。 Franchiseの使い方 メイン画面です。複数のデータベースに対応しています。 結果を地図に描画する例です。 グラフ。線グラフです。 棒グラフ。 並び替えた棒グラフ。 ドットだけ。表示を2カラムにしています。 一般的な一覧表も可能です。 レンジを使ってその時の値を表示するパターン。 メールを取り込んでクエリを投げるパターン。 FranchiseのデータリソースはSQLite/PostgreSQL/BigQuery/MongoDB/Microsoft SQL Server/Oracle/DB2/Teradataなどとな

    Franchise - 多数のデータベースに対応したSQLノートブック
  • Code Quality Checker - プログラムコードの品質チェッカー

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました コードの品質はどう判断したら良いでしょうか。幾つかの判断基準はあると思いますが、複雑さやコードの重複などは挙げられるでしょう。そうしたネガティブな要素が積み重なった結果、バグを含みやすくなると言うことはあると言えます。 今回紹介するCode Quality Checkerはコードの品質チェックを行ってくれるソフトウェアです。 Code Quality Checkerの使い方 Code Quality Checkerはファイルのリストを渡すだけで実行できます。とあるJavaScriptプロジェクトの例。 $ cqc src/**/*.js Number of files: 3 Source lines of code: 203 Duplicate rate: 0.00% High c

    Code Quality Checker - プログラムコードの品質チェッカー
  • src2png - ソースコードを画像に変換

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ソースコードを埋め込んで表示してくれるサービスは多数ありますが、ブログによっては対応していないこともあります。さらにそもそもコードのシンタックスハイライト表示にも対応しておらず、コード表示が微妙になってしまうこともあります。 そんな時にはsrc2pngを使ってみましょう。画像ではありますが、ソースコードを綺麗に表示してくれます。 src2pngの使い方 使い方は簡単で、src2pngコマンドにソースコードファイルを渡すだけです。 $ src2png SOURCE_FILE そうすると綺麗な画像を生成してくれます。 src2pngはPoiという開発用のHTTPサーバを立てて、そこでソースコードをハイライト表示します。そしてヘッドレスブラウザを使ってスクリーンショットを撮るという仕組み

    src2png - ソースコードを画像に変換
  • Ordinance format jp - Markdownで日本の公文書を記述

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Markdownは広く使われるようになっていますが、シンプルな記法だけに簡易的なHTMLへの変換以外のニーズ向けとなると使い勝手が悪いことがあります。そのためグラフを入れられるようにしたり、チャートを描けるようにするソフトウェアが作られます。 今回紹介するOrdinance format jpもその一つです。日の公文書フォーマットに合わせたMarkdown記法です。 Ordinance format jpの使い方 サンプルです。左側が拡張されたMarkdownで、右側に展開されます。 ラベルが付けられたり、補足情報の記述、リストの番号の付け方が変わっています。 Ordinance format jpを使うことで普段から慣れているMarkdown記法のまま、公文書風に仕上げることが

    Ordinance format jp - Markdownで日本の公文書を記述
  • gtop - ターミナル上のシステムダッシュボード

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました システム管理者はシステム全体のステータスを把握する必要があります。そのためにサーバ側データを送信して可視化するダッシュボードソフトウェアがたくさんあります。 しかしデータをあえて飛ばすことなく、ターミナル上でそのまま確認できるのがgtopです。 gtopの使い方 メイン画面です。 データはリアルタイムに書き換わります。CPU、ディスク容量、プロセス、メモリ、ネットワークなどの多数の情報が可視化できるようになっています。何よりターミナル上で実行されるので、別途表示するツールを用意しないので良いのが利点です。なおデータは蓄積されないので、実行したタイミングから表示されていく形になります。 gtopはnode/JavaScript製のオープンソース・ソフトウェア(MIT License)

    gtop - ターミナル上のシステムダッシュボード
  • cgmd-browser - Markdownに注釈を入れる

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Markdownが開発者の間でデファクトのフォーマットになってきています。そうやって広まっていく中では、周辺ツールも充実してきます。今回はアノテーション、注釈に注目します。 Markdownでもワードプロセッサのように文書に対してコメントしたいと考える時があるでしょう。そんな時に使えるのがcgmd-browserです。 cgmd-browserの使い方 cgmd-browserのメイン画面です。タブに対応しているので複数のMarkdownファイルが開けます。そして文字を選択するとアイコンが表示されます。 そして鉛筆のアイコンをクリックするとコメントが書けます。 コメントするとフローティングで確認できるようになります。 cgmd-browserはazu/markdown-review

    cgmd-browser - Markdownに注釈を入れる
  • Aperture - nodeを使ってコマンドラインでスクリーンキャプチャ MOONGIFT

    コンピュータの操作を記録するソフトウェアは幾つもあります。昔はあまり選択肢がなかったですが、今ではOS標準のソフトウェアでレコーディングできたりします。その多くのソフトウェアはGUIで、マウス操作を使って録画しなければなりません。 もっとプログラマブルにレコーディングをしたければApertureを使ってみましょう。コマンドラインで呼び出せるスクリーンレコーダーです。 Apertureの使い方 実際に録画された内容をアニメーションGIFにしたものです。 ApertureはMPEG4のファイルとして保存されます。FFMPEGで録画した場合に比べて1/3以下の負荷で済むのが利点とのことです。軽量ならば長時間の録画にもきっと耐えられるでしょう。録画する大きさ、場所などもコードで指定できるので、常に決まった場所を録画すると言った時に便利そうです。 Apertureはnode/JavaScript製の

  • jsonsmash - ファイルシステムのような操作ができるJSONビューワー MOONGIFT

    Web APIを伴う開発を行う際にはJSONファイルを使うことが増えています。XMLに比べると冗長性がなく、サイズが小さくて済むのですが、改行などもなく見づらいのが難点です。そのため、データのある場所を間違えてしまって、うまく動かないなんてこともよくあります。 そこで構造を確認するために使ってみたいのがjsonsmashです。インタラクティブにJSONの内容を確認できます。 jsonsmashの使い方 jsonsmash コマンドにJSONファイルを渡せばOKです。そしてlsでキーを並べたり、catでデータの表示ができます。 $ jsonsmash http://headers.jsontest.com/ > ls Host X-Cloud-Trace-Context > cat X-Cloud-Trace-Context: 0f8474abd239690f43f5e9c82b07ff7f

    jsonsmash - ファイルシステムのような操作ができるJSONビューワー MOONGIFT
  • kingraph - 家系図/組織図ジェネレータ MOONGIFT

    組織図であったり、家系図といった図を描こうと思ったらどんなツールを使っているでしょうか。ドローツールも使えますが、編集したりするのが面倒だったりします。Excel職人の方はやはりExcelを駆使して作り上げてしまうかも知れません。 今回はWebベースで使える家系図を作れるkingraphを紹介します。 kingraphの使い方 kingraphはYAML形式で組織図を定義します。例えば以下のようになります。 families: - parents: [Marge, Homer] children: [Bart, Lisa, Maggie] - parents: [Lisa, Milhouse] children: [Zia] people: Marge: fullname: Marjorie Bouvier Simpson そしてSVG/PNG/DOTファイルとして出力できます。 king

    kingraph - 家系図/組織図ジェネレータ MOONGIFT
  • GanttPad - テキストからガントチャート生成

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました プロジェクト管理と言えばガントチャートと言うくらい必要としている方は多いです。少なくとも一覧では分からなかったタスクの関連であったり、今後のタスクの予定が可視化されるようになります。それによって無理が来るポイントなども掴めるようになるでしょう。 今回紹介するGanttPadはテキストで書いたタスクをガントチャートに展開してくれるソフトウェアです。 GanttPadの使い方 下にあるテキストエリアに入力すると、上にあるガントチャートに反映されます。 日付フォーマットは柔軟なようです。 新しいチャートの作成もできます。 GanttPadはテキストをガントチャートに展開してくれるので、多くのシステムと連携ができそうです。タスク名、日付さえ出力すれば良いので既存システムからそういった文字列

    GanttPad - テキストからガントチャート生成
  • node-compiler - nodeのコードを実行エンジンともども一つの実行ファイルに MOONGIFT

    nodeで作られたソフトウェアの配布はnpmを使って行うのが一般的です。しかしコードを見られるのが問題だったり、最初にnodeをインストールしなければならず、若干敷居が高くなってしまいます。 そこで使ってみたいのがnode-compilerです。nodeアプリケーションをパッケージして一つのバイナリにします。 node-compilerの使い方 例えばCoffeeScriptをバイナリにする例です。この規模のソフトウェアに適用できるならば大抵使えるのではないでしょうか。 nodec bin/coffee a.outファイルが生成されます。後はこれを実行すればいいだけです。 $ ./a.out coffee> nodeの実行エンジンを含みますのでサイズは肥大化する傾向になります。CoffeeScriptは36.3MBになりました。 node-compilerを使えばnodeのインストールが不

    node-compiler - nodeのコードを実行エンジンともども一つの実行ファイルに MOONGIFT
  • Prettier - JavaScriptのコードを見やすく整形

    JavaScriptは人によって書き方が変わる言語でもあります。企業によっては基準を設けたりしますが、それでもLint系で注意するのが精一杯でしょう。見づらいコードはそれだけバグをはらみやすく、システムの品質を低下させます。 そこで使ってみたいのがPrettierです。JavaScript用のコード整形ツールです。 Prettierの使い方 左側が元コード、右側が変換後のコードです。 引数の与え方などが大きく変わっています。 配列なども綺麗に並んでいます。 Prettierを使うとルールに合わせてコードを変換してくれます。改行やインデントでの整形になるので、動作が変わることはありません。インデントはタブか空白か選択できたり、ダブルクォートかシングルクォートかといった指定もできます。パーサーも指定できるので、自社好みのカスタマイズもできるでしょう。 Prettierはnode/JavaScr

    Prettier - JavaScriptのコードを見やすく整形
  • PsiTransfer - 自前で立てるファイル共有サーバ

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました メールなどで巨大なファイルを送りつけるのはあまり良いことではありません。受ける側は強制的に受信せざるを得ませんし、そのせいで大事なメールが受信できなくなってしまうかも知れません。そのため、送受信両方でメールのサイズ制限を設けていることはよくあります。 そんな時のために使えるのがファイルをシェアするサーバです。今回はPsiTransferを紹介します。 PsiTransferの使い方 最初の画面です。ファイルをドラッグ&ドロップで登録します。 ファイルを登録しました。保存期間やパスワードも設定できます。 アップロード中です。 アップロードが完了し、専用のURLが生成されました。 そのURLにアクセスするとパスワードが聞かれます。 パスワードが合っていればファイルがダウンロードできます

    PsiTransfer - 自前で立てるファイル共有サーバ
  • tlapse - 指定したURLに定期的にアクセスしてスクリーンショットを保存 MOONGIFT

    Webサイトの作成はゼロから形になるものを作っていく、作品としての一面を持っています。いきなり完成品ができあがる訳ではなく、色々試行錯誤しながら、再読込を繰り返しつつできあがっていきます。 そんなWebサイトのできあがっていく様を残し続けてくれるのがtlapseです。 tlapseの使い方 tlapseは以下のように利用します。 tlapse --every 5m --directory ./screens -- localhost:3000 そうするとlocalhost:3000に5分ごとにアクセスして、スクリーンショットを残し続けてくれます。PNG画像でできあがるので、後はImageMagickなりを使うとアニメーションGIF化もできます。 何も作業していない時はスクリーンショットが重複するので、その場合は画像は保存されません。固定のURLを指定するので、別なページのスクリーンショット

    tlapse - 指定したURLに定期的にアクセスしてスクリーンショットを保存 MOONGIFT
  • todo-md - GitHubフレーバーなタスク管理を行うCLIツール

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Todo管理というと、もの凄くしっかりとやることもできれば、逆に緩くシンプルに行う選択肢も考えられます。あまりきっちりやると管理コストが大きくなるので、最初は適度に力を入れすぎにやってみるのが良さそうです。 そこで使ってみたいのがtodo-mdです。GitHubMarkdownファイルに記載するタスク管理と同様の仕組みで使えるCLIツールです。 todo-mdの使い方 使い方としてはtodoコマンドの後にタスク名を書きます。 $ todo "ミーティング" | # Todo list | | _\( managed using [todo-md](https://github.com/Hypercubed/todo-md) \)_ | 5 | - [ ] ネタを集める 6 | -

    todo-md - GitHubフレーバーなタスク管理を行うCLIツール
  • placehold-cli - placeholdのURL生成コマンド

    デザインのプロトタイプを作っている時に便利なのがplaceholdです。パラメータに応じて画像の色を変えたり、画像自体の大きさを自由に変更できます。他にもフォントの大きさや色も変えられるのですが、パラメータをいちいち覚えておくのも面倒です。 そこで使ってみたいのがplacehold-cliです。対話型でplaceholdのURLを取得できます。 placehold-cliの使い方 コマンドを実行しているところです。 $ placehold ? Width(px) 300 ? Height(px) 400 ? Background Color(hex) fb0 ? Text Hello ? Font Color(hex) FFF ? Font Size(px) 35 url: https://placehold.jp/35/fb0/FFF/300x400.png?text=Hello Cop

    placehold-cli - placeholdのURL生成コマンド
  • Docpress - 読みやすい開発者向けドキュメントを生成

    開発者向けのドキュメントシステムなんて何でも良いと思っていないでしょうか。開発者はオンラインドキュメントをよく読み、Googleで検索し、そこにあるコードをコピーして実行します。そのため、半端なドキュメントでは彼らの信頼を失ってしまうでしょう。 そこで使ってみたいのがDocpressです。Markdownベースのドキュメント生成システムです。 Docpressの使い方 デモです。左側に目次、右側にコンテンツが表示されます。 ページの下に次のページへのリンクが表示されます。 メニューは隠せます。 Docpressは文字が大きめ、デザインもすっきりしたドキュメントを生成します。使い方としても docpress s でプレビューができるなど、とても簡単に使い始められます。 Docpressはnode/JavaScript製のオープンソース・ソフトウェア(MIT License)です。 docpr

    Docpress - 読みやすい開発者向けドキュメントを生成
  • express-status-monitor - Express製のステータスモニター

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 最近では多くのサービスがステータスを公開しています。問題が起こればすぐに分かりますし、トラフィックが上がっているか、APIが正常に動作しているか開発者も簡単に理解できます。 今回はExpressで作ったサービスに簡単に組み込めるexpress-status-monitorを紹介します。 express-status-monitorの使い方 デモの画面です。 データはリアルタイムに刻々と変わります。 express-status-monitorは既存のExpressアプリケーションの中に簡単に組み込めます。GitHubのステータスページにインスパイアされたとのことです。express-status-monitorを別サーバで提供するようにすればサービスのステータスページとして使えるで

    express-status-monitor - Express製のステータスモニター