タグ

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

  • Consolas - 開発者用のフォント

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 2019年02月22日追記:こちら、ライセンスが非常に怪しい(というかブラック)です。記事は残しますが、ダウンロード/利用されないことをお勧めします。 プログラマーやWebデザイナーにとってフォントは気になる存在です。そのフォントの善し悪しで作業効率が大幅に変わってきます。視認性の悪いフォントを使うと不用意なバグを生み出してしまう可能性もあります。0やO、Iとlなどが見分けやすいものを選ぶべきです。 今回は開発者向けに作られたフォント、Consolasを紹介します。元々オープンソース・ソフトウェアではなかったのですが、v8.0からオープンソース(といっても現時点ではライセンスはありませんが…)になるとのことです。 Consolasの使い方 フォントの見栄えはこんな感じ。 コードを表

    Consolas - 開発者用のフォント
  • Paradeiser - ハンバーガーメニューに代わるモバイル向けメニュー表示 MOONGIFT

    モバイル向けのWebサイトではメニュー表示にハンバーガーメニューがよく使われます。しかし、実際のところハンバーガーメニューが一般的に分かりやすいわけでもありません。むしろタップして何が出るのか分からず躊躇してしまう人が多いでしょう。 そこで使ってみたいのがParadeiserです。ハンバーガーメニューに変わるメニュー機能を提供します。 Paradeiserの使い方 このように画面のヘッダー部にアイコンが並びます。 数が増えても大丈夫です。 Moreをタップすると追加のメニューが表示されます。 Paradeiserはスクロールするとヘッダー部のアイコンが自動的に消えるようになっています。そしてちょっと戻ると再度表示されます。ヘッダーにメニューが並ぶのはWebサイトでよく見られた形式ですが、常にあると邪魔になります。両方のいいとこ取りな機能ではないでしょうか。 ParadeiserはJavaS

    Paradeiser - ハンバーガーメニューに代わるモバイル向けメニュー表示 MOONGIFT
  • Clusterize.js·大量のデータを描画&高速スクロール MOONGIFT

    Web上で巨大なデータを描画するとWebブラウザの動作が重たくなったり、最悪の場合落ちます。それを防ぐためにはデータをすべてDOMに描画するのではなく、表示している範囲だけに絞って表示し、非表示になったタイミングで破棄すると言った工夫が必要です。 しかしそういったDOM操作はコツがいります。そこで使ってみたいのがClusterize.jsです。巨大なデータセットを高速に表示するためのライブラリです。 Clusterize.jsの使い方 Clusterize.jsを使って5,000行のデータをスクロールする例です。スムーズに描けます。 Clusterize.jsのサイトではさらに10万、50万行のデータを描画することもできます。Clusterize.jsではリストの高さを予め計算し、それに合わせてスクロールバーが正しい長さで出るように設定されています。そのため行の高さは一定である必要がありま

    Clusterize.js·大量のデータを描画&高速スクロール MOONGIFT
  • Paperwork – PHP製のEvernoteクローン

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Evernoteは便利なのですが、クラウド系でありつつもクライアントアプリやサーバが重たいような気がします。ノートを保存しておくという観点で考えるともっと軽快にストレスなく動作して欲しいと思うでしょう。 そこで機能的には絞り込まれるものの、自前でノートアプリケーションを立ててしまうのはどうでしょう。今回はその一つ、Paperworkを紹介します。 Paperworkの使い方 PaperworkはEvernoteMicrosoft OneNoteそしてGoogle Keepの代替として開発されているようです。機能的には家には劣るものの、自前のサーバで保存したデータを自由に再利用できるのが便利です。個人はもちろん、部署やグループで使うのも良さそうです。 PaperworkはPHP

    Paperwork – PHP製のEvernoteクローン
  • データの追記読み込みに対応するテーブル·StreamTable.js MOONGIFT

    StreamTable.jsはJavaScript製のオープンソース・ソフトウェア(MIT License)です。 業務システムなどではデータの表示の際にテーブル組で表示する事が多々あります。そのような時に一気に表示しようとするとレンダリングに時間がかかります。そこで使ってみたいのがデータを取得しながら表示を行っていくStreamTable.jsです。 テーブルは既に表示されていますが、データは徐々に取得されていきます。例えばこの場合は20%までデータを取っています。 ページネーションもどんどん増えていきます。 検索ボックスを使って予めフィルタリングする事もできます。マッチするデータだけが追加されていきます。 仕組みとしてはAjaxでデータを取得しています。 StreamTable.jsではデータのストリームベースでの取得に加えて、検索によるデータ絞り込みとページネーションに対応しています

    データの追記読み込みに対応するテーブル·StreamTable.js MOONGIFT
  • メールに関連した開発のお供に。Java製ダミーメールサーバ·FakeSMTP MOONGIFT

    FakeSMTPはJava製、マルチプラットフォームで使えるダミーのSMTPサーバです。 テスト用にダミーのSMTPサーバが必要になったらFakeSMTPを使ってみましょう。Java製なのでマルチプラットフォームで使えて便利です。 メイン画面です。サービスを開始します。 開始しました。この状態でプログラムからメールを送ってみます。 リストに送信したメールがあがってきます。 ダブルクリックで文が読めます。 ログです。 最後のメッセージは細かく見られます。 実際のメールアドレスを使って開発していて、間違って一括メール送信してしまったなどといったら目も当てられません。FakeSMTPを立てて決してメール送信されないようにしておけば安全に開発、運用ができるでしょう。 FakeSMTPはJava製のオープンソース・ソフトウェア(BSD License)です。 MOONGIFTはこう見る メール周り

    メールに関連した開発のお供に。Java製ダミーメールサーバ·FakeSMTP MOONGIFT
  • Facebook製。プログラマー向けのプロジェクト管理·Phabricator MOONGIFT

    PhabricatorはFacebookが開発しているプロジェクト管理です。ソースコードレビュー、バグトラッキングなど開発者フレンドリーな機能が数多くあります。 企業においてGitHubをソースコードリポジトリ/プロジェクト管理に使っているケースも増えてきていますが、大規模な企業では難しいケースも多いでしょう。そこで紹介したいのがFacebookで開発されているPhabricatorです。 最初にログインを求められます。 ついでユーザ名を入力します。 ダッシュボードです。 チケットの詳細画面です。 ソースコードレビュー。 もちろんコードハイライター付き。 リポジトリビューワー。 コミットログ。 画像付きでディスカッションもできます。 Wiki。 IRCのチャンネルリスト。 PhabricatorではGit/Subversion/Mercurialをサポートしています。また、OSはWindo

    Facebook製。プログラマー向けのプロジェクト管理·Phabricator MOONGIFT
  • 社内で立てられるGistサーバ·Gistub MOONGIFT

    GistubはGitHubの提供するGistのクローンです。 GitHubの提供するスニペットサービスのGist。便利に使っている人も多いと思いますが、何となく会社で使うのは控えてしまっている…そんな人も多いでしょう。そこで社内で立てられるGistクローンGistubを使ってみましょう。 パブリックなGist一覧。 ソースコードハイライト付きです。 編集画面です。 編集すると履歴がつきます。 新しいGistの追加画面。 プライベートなGistも作成できます。 Gistubはエディター画面こそ単純なテキストボックスで、ハイライトする言語指定ができないものの他はGistと変わらず普通に使えるようになっています。社内で立ててチームで使ったりするのに良いのではないでしょうか。 GistubはRuby/Ruby on Rails製、MIT Licenseのオープンソース・ソフトウェアです。 MOON

    社内で立てられるGistサーバ·Gistub MOONGIFT
  • 1