ITエンジニア/デザイナ向けにオープンソースを毎日紹介

ライセンス - MIT Licenseの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

None

  • 2020/02/19

jsurl - JSONをURLフレンドリーに変換

JSONをWebアプリケーションではよく使います。しかし、JSONで使われている記号(波括弧やカギ括弧など)はURLに使うことができず、エンコードしなければなりません。その結果、URLで使うとURLが長くなってしまいます。そこで作られたのがjsurlです。JSONをURLセーフにし、なるべく短い文字列にします。## j...

List

  • 2020/02/19

Full Page Screen Capture - Webページ全体のスクリーンショットを撮影

スクリーンショットで保存できるのは今見ている情報に限られます。Webページの場合、縦長なことが多いので、見えていない部分も含めてスクリーンショットを撮りたいと思うでしょう。そういったソフトウェアもたくさんあります。今回紹介するFull Page Screen CaptureはGoogle Chrome用の機能拡張として...

List

  • 2020/02/18

Jira clone - React製のJiraクローン

JiraといえばAtlassian社が提供している課題管理、プロジェクト管理になります。大規模な開発をサポートし、企業規模の大きなところで使われているイメージがあります。他のAtlassian製のサービスと連携できるのも強みです。そんなJiraのクローンを目指すのがJira cloneです。新しいテクノロジーを使ったモ...

None

  • 2020/02/16

twurl - Twitter APIを呼び出すCLIコマンド

Twitterを操作するアプリケーションを開発するには、Web APIを使う必要があります。プログラミング言語によってはライブラリが用意されていますが、マニアックな言語では自分で一から書かないといけません。CUIで動くアプリケーションであれば、twurlを使うことで手間をなくせます。twurlをコマンドラインで呼び出せ...

List

  • 2020/02/16

Short - Google Chrome機能拡張も備えた短縮URL

短縮URLの使い方というと、メールやソーシャルサービスで使う人が多いでしょう。大抵、ランダムな文字列でURLが生成されるので、覚えるのには不向きです。短くするのに特化している分、URLに特に意味は持たせないのが一般的です。Shortは短縮URLにしつつ、そこに意味を持たせられるソフトウェアとなっています。これは新しい使...

List

  • 2020/02/15

KleeneStar - SwiftUI製の4chan画像ビューワー

SwiftUIによって、アプリの作り方が大きく変わっています。ゲームなどには向かないでしょうが、ユーティリティアプリであればSwiftUIを使うのが今後のトレンドになるでしょう。今回紹介するKleeneStarはSwiftUIの使い方について学ぶのにぴったりなプロジェクトです。4ちゃんねる画像ビューワーであり、機能もシ...

List

  • 2020/02/14

mmv - エディタでファイル名を編集&適用

ファイルのリネーム作業を行う際に、一回一回コマンドを打つのは面倒です。似たような名前が並んでいると、特にそうでしょう。余計なミスをすれば、さらにゴチャゴチャになります。そこで使ってみたいのがmmvです。ファイルの一覧をテキストファイルにして、編集内容を一括適用します。## mmvの使い方編集しているところです。!

List

  • 2020/02/13

linkding - 個人で立てるシンプルなブックマーク管理

日本の開発者であればはてなブックマークを使っている人も多いですが、海外ではあまりいいブックマークサービスがありません(Deliciousがあったのも遠い過去のことです)。プラットフォームを横断してブックマークを管理したい人も多いでしょう。そのためには管理をWeb上で行うのがお勧めです。そしてlinkdingであれば自分...

List

  • 2020/02/12

S3Uploader - Amazon S3上のファイルをアップロード&ダウンロード

Amazon S3にファイルをアップロードする場合、いくつかの方法があります。専用のUIを作ってアップロードする方法、Cyberduckのような汎用ソフトウェアを使ってアップロードする方法、そしてAmazon S3の管理画面でアップロードする方法です。セキュリティ上、Amazon S3の管理画面が使えない場合もあるでし...

List

  • 2020/02/10

Compressor.js - Web上で画像を圧縮

スマートフォンやデジカメが高性能化し、作成される写真のサイズがどんどん大きくなっています。数MBで済めばいいほうで、場合によっては10MBを超える場合もあるでしょう。そうした写真を受け取る側のサービスもネットワークが逼迫してしまいます。そこで使ってみたいのがCompressor.jsです。画像をJavaScriptで圧...

List

  • 2020/02/09

Markmap - Markdownファイルをマインドマップ化

Markdown記法は開発者の間で幅広く使われるようになっています。基本はドキュメントを書くために使われていますが、構造がシンプルな分、解析することで他の目的でも使えます。今回はその一つ、Markmapを紹介します。Markdown記法をマインドマップに変換するソフトウェアです。## Markmapの使い方デモです。!

List

  • 2020/02/08

DiagramFlowJS - Web上でフローチャートを描くJavaScriptライブラリ

Web上でフローチャートを描いたり、図を描く際にはどんなツールを使っているでしょうか。各ノードを連結させたり、連結後に動かしてもちゃんと線が繋がったままになっているツールを選ぶのがいいでしょう。今回紹介するDiagramFlowJSはそんな図を作るのに使えるソフトウェアです。## DiagramFlowJSの使い方多く...

List

  • 2020/02/06

JsBattle - 対戦ゲームを通じてプログラミングを学ぶ

プログラミングを覚えるのにゲーミフィケーションを取り入れるのはいいアイディアです。ただひたすらに写経しながら覚えるのは忍耐力が必要ですし、目的があった方がモチベーションが維持しやすいでしょう。今回紹介するJsBattleはJavaScriptをゲームを通して学べるソフトウェアです。## JsBattleの使い方トップペ...

List

  • 2020/02/05

mute.vc - VCな人たちをまとめてミュート

Twitterにはブロックではなくミュート機能というのもあります。ブロックするほどではないけれど、ツイートを見たくないという時に使える機能です。せっかくTwitterを楽しんでいるのに、見たくないツイートで残念な気分になるのは避けたいものです。今回紹介するmute.vcはいわゆるVC(ベンチャーキャピタル)に関わる人た...

List

  • 2020/02/05

ffmpeg.js - Web上で使えるFFMPEG

WebAssemblyを使うことで、これまでのWebでは難しかったスピードでアプリケーションを実行できるようになります。DOMやネットワークが使えないといった制限はありますが、計算処理を高速に行えるのは大きなメリットです。そんなWebAssemblyでは既存のソフトウェアをEmscriptenを通してWebAssmbl...

List

  • 2020/02/04

Excalidraw - プロトタイプに。ラフな線が書けるドローツール

きっちりした、正確な図を書くと、ほんの少しの乱れが気になって修正に時間がかかってしまったりします。それは些細な問題で、本質的な問題ではないにも関わらずです。特にプロトタイプなどではラフさを残した方がはやく作れます。今回紹介するExcalidrawは手書き風の図を書けるソフトウェアです。乱れている分、細かな点は気にせず作...

List

  • 2020/02/02

jExcel - Web上でExcelレベルの表計算機能を実現

業務システムをWebアプリケーション化すると、必ず一覧表の機能が必要になります。そして、テーブル組などで簡単に終わらせようとすると、並び替えやインライン編集などの機能要望が出てきます。今回紹介するjExcelはExcel風の表計算機能をWeb上で実現してくれるソフトウェアです。## jExcelの使い方ページネーション...

List

  • 2020/02/01

OpenInTerminal - Finderからターミナル、エディタをディレクトリ指定して呼び出し

macOSでファイルを操作する際にはFinderを使いますが、その際に今見ているディレクトリでターミナルを開きたいと思うことがあります。フォルダをドラッグ&ドロップしてもいいのですが、あまりスマートではありません。そこで使いたいのがOpenInTerminalです。ターミナルを開くのに加えて、エディタでディレクトリを指...

List

  • 2020/01/30

Multiplayer 2d car game! - マルチプレイヤーで接続して遊べるゲームの基盤に

ゲームは一人でやっても面白いですが、複数人になるとさらに面白さが増します。コンピュータ相手に戦うのでは味気ないですが、友達やインターネットを通じた人とゲームを興じるのは、思いもしなかった展開になったりすることでしょう。今回紹介するMultiplayer 2d car game!はそんなWebブラウザゲームの基盤に使えそ...

List

  • 2020/01/28

React Spectrum - カラフルなテキスト用プレースホルダーを生成

Webやアプリのデザインを行う際に、アテで文字列を適用します。同じ文字を繰り返す、小説の一文を使うなど様々な方法がありますが、むしろテキストでない方がいいこともあるでしょう。そんな時に使ってみたいのがReact Spectrumです。カラフルなプレースホルダーを生成します。## React Spectrumの使い方生成...