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

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

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

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

もっと見る

List

  • 2020/03/28

css.gg - 500種類を超えるCSSアイコン集

Web上でアイコン画像を使う方法は幾つかあります。オーソドックスな画像に加えて、アイコンフォントを使うこともできます。画像はバイナリもあれば、SVGも利用できます。高解像度でもぼやけず、小さな画面でもつぶれないSVGは最近利用が広まっています。さらに覚えておきたいアイコンがCSSアイコンです。SVG同様に拡大しても綺麗...

List

  • 2020/03/28

‎GitTrends - Xamarin製のGitHubインサイトアプリ

GitHubは企業内のプロジェクトだけでなく、個人の開発者としての活動も含まれます。それだけにスターを付けてもらったり、フォークされたりすると嬉しいものです。意味もなくGitHubを見てしまうなんて人もいることでしょう。そんな方にお勧めなのが‎GitTrendsです。GitHubの自分のリポジトリについて閲覧できるアプ...

List

  • 2020/03/27

Blocks UI - JSXベースの画面をWeb上で設計

Webページを作るのは主にWebデザイナーの役割ですが、毎回依頼するのではお互い時間がかかってしまいます。運用担当者でも定型であれば画面を作りたいと思うでしょう。そして、それがReact製のWebサービスだったりすれば、デザイナーからエンジニアへと、さらに時間を要するかも知れません。そこで使ってみたいのがBlocks ...

List

  • 2020/03/25

Web Demo Suit - Webカメラの映像にスーツを着せる

コロナウイルスの影響により、リモートワークが行われるようになっています。開発者であれば思ったよりも影響がなかったり、むしろ通勤時間がなくなって仕事がしやすくなったという人も多いのではないでしょうか。そんな中、オンラインミーティングなどでは寝間着や変な格好で出られず、わざわざ着替えたりしているかも知れません。そんな方はW...

List

  • 2020/03/25

Brunsli - 次世代JPEG、JPEG XL生成ライブラリ

Web上で写真を表示する際のフォーマットとして、今はJPEGが主流です。GoogleはWebP、AppleはHEICフォーマットを次世代のものとして使っていますが、ベンダーロックのせいか、デファクトにはなっていません。そんな中、JPEGから22%ほどロスレスで圧縮できるフォーマットとしてJPEG XLが登場しています。...

List

  • 2020/03/24

NeutralinoJs - Electronよりもメモリ消費が小さいデスクトップアプリケーション開発環境

Web技術を使ってデスクトップアプリケーションを作成する事例が増えています。有名なところではAtomやVisual Studio Codeが挙げられるでしょう。プログラミングエディタができるなら、大抵のソフトウェアが作れるはずです。その基盤としてはElectronを使っている例が多いです。NeutralinoJsはEl...

List

  • 2020/03/23

ControlRoom - Apple用アプリ開発のシミュレーションを一括管理

iOSやiPadOSなどのアプリを開発している時にはエミュレータを利用します。エミュレータには位置情報をダミーで送ったり、ネットワーク速度を変更したりする機能が用意されていますが、メニューから都度変更するのが面倒です。そこで使ってみたいのがControlRoomです。エミュレータの動作設定をGUIから簡単に行えます。#...

List

  • 2020/03/22

Copy Excel Paste Markdown - Excelの表をMarkdownに変換

Excelで作成した表をWebページに使いたいと思うことは多いでしょう。そんな時、Markdownを使っている場合はどうするでしょうか。テキストファイルに貼り付けて、正規表現でタブを|に変換したりすることでしょう。しかしカラムの数を間違えたりして、なかなかうまくいきません。そこで使ってみたいのがCopy Excel P...

List

  • 2020/03/21

Playground - SwiftのプレイグラウンドをCLIで立ち上げ

Swiftにはプレイグラウンド機能があります。ちょっとしたSwiftのコードであれば、わざわざ画面を作ったりすることなく試せます。しかし、Xcodeを立ち上げたり、プレイグラウンド用のプロジェクトを作成しなければならないのが面倒に感じます。そこで使ってみたいのがPlaygroundです。ターミナルからプレイグラウンド用...

None

  • 2020/03/20

kondo - 不要なプロジェクトファイルを削除

様々なシステムや小さなツールを開発していると、いつの間にかディスクスペースがなくなっています。巨大なファイルがある訳ではなく、小さなファイルやディレクトリの集まりがディスクスペースを逼迫していると、整理するのも大変です。そこで使ってみたいのがkondoです。一般的に不要な(後でも復元できる)情報をリストアップしてストレ...

None

  • 2020/03/19

Edtr.io - React製のWebページ編集コンポーネント

Webページを編集する際、管理画面で行わせる方式だと、編集した内容と実際の適用された状態とかかけ離れていることがあります。開発者であればイメージできることでも、そうでない人たちにとってはとても難しいでしょう。そこで便利なのが、Webページ上でWYSIWYGに編集できる仕組みです。今回はReact向けに提供されるEdtr...

List

  • 2020/03/19

Covidify - コロナウイルス関連データの収集と可視化

世界中の人たちが心配しているコロナウイルス。毎日様々なニュース、データが飛び交っており、何をどう判断したらいいのかも分からなくなりそうです。そして各国のデータを分析する、可視化するニーズも強くあります。今回紹介するCovidifyはコロナウイルス関連データを集積、グラフ化するライブラリです。## Covidifyの使い...

List

  • 2020/03/15

markdown-table-editor kernel - Markdownのテーブルを簡単に編集

Markdownでテーブル組を作っていて、ある行だけカラム数がずれていて、うまく表示できないといった経験はないでしょうか。カラム数が2〜3個ならまだしも、数十あるような大きなテーブルを編集するのに、|だけでは大変です。そこで使ってみたいのがmarkdown-table-editor kernelです。自動補完、セル移動...

List

  • 2020/03/14

glTF Viewer - WebGLを使ったglTFビューワー

glTFは3Dモデル界隈で今最も注目されているフォーマットだそうです。3Dモデル界隈におけるJPEGを目指すと言われているので、まさにデファクトを目指すべく作られています。執筆時点での最新版は2.0で、1.0とは互換性がないとのことです。そんなglTFのファイルをWebブラウザ上で閲覧するビューワーがglTF View...

List

  • 2020/03/13

Panolens.js - Three.jsを使ったパノラマビューワー

全天球動画(画像)やパノラマ写真など、従来の写真にはなかった形のメディアが登場しています。そうしたメディアを楽しむためには専用のビューワーが必要です。それによって、より強い没入感や楽しみ方が生まれるでしょう。今回紹介するPanolens.jsはThree.jsを使ったパノラマビューワーです。## Panolens.js...

List

  • 2020/03/12

Nocturnal - ナイトシフトモードをメニューバーで調整

macOS Catalinaになって、ナイトシフトモードが導入されました。夜になると画面の調光してくれます。システム環境設定で切り替えられますが、色温度くらいの調整しかありません。もっと細かく調整したい方はNocturnalを使ってみましょう。## Nocturnalの使い方設定はメニューで行います。!

List

  • 2020/03/11

東京都 新型コロナウイルス感染症対策サイト - オープンデータを活用したコロナウイルス情報集約サイト

新型コロナウイルスが一気に広まっています。学校が休校になり、会社はリモートワーク推奨に、さらに多くのイベントが中止や無観客での開催を余儀なくされています。いつまでこの状況が続くのか先行き不透明な状態ですが、ただうつむいていても意味がありません。この時だからこそできることもあるはずです。今回紹介する東京都 新型コロナウイ...

None

  • 2020/03/10

GitHub CLI - GitHub製のPR/Issue管理ツール

Gitはバージョン管理を行うためのCLIであり、個人の開発であればGitコマンドだけで事足りるでしょう。複数人になるとPRやIssueといった機能が必要になり、そのためにGitHubにアクセスする人も多いはずです。そこで使ってみたいのがGitHub CLIです。PRとIssueに関して管理が可能なGitHub製のCLI...

List

  • 2020/03/10

OpenChakra - Chakra UI用のビジュアルエディタ

Chakra UIというのはReact向けに開発されているシンプルなUIコンポーネントです。Reactではコードの中にHTML構造が入り込んでいるので、デザイナーにとっては作業しづらいイメージがあります。そこで使ってみたいのがOpenChakraです。ドラッグ&ドロップでChakra UIを使ったデザインを行えます。#...

List

  • 2020/03/09

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

開発者であっても図を描く機会は多いです。仕様書のようなドキュメントであったり、システム構成図の中に書いたりといった具合です。ドローソフトウェアを使ったり、スライド作成ソフトウェアを使ったりしまうが、操作やメンテナンスが面倒でストレスです。そこで使ってみたいのがDiagramsです。開発者らしく、コードで図を描けます。#...