HTML, CSS, JavaScriptをはじめとしたさまざまな言語に対応、クラウドでの同期機能も備えたオープンソースのコードスニペットマネージャー「massCode」がv3に神アップデートされたので、改めて紹介します。 macOS, Windows, Linux対応、日本語の入力など日本語環境も完全サポート。クラウドで同期できるので、すべての環境で同じコードスニペットを使用できます。 非常に快適で高速に動作し、VS Codeとの連携でさらに便利になっています！ massCode massCode -GitHub massCodeの特徴 massCodeのダウンロードとインストール massCodeの使い方 massCodeの特徴 massCodeは、デベロッパー向けのコードスニペットマネージャーです。ライセンスはGNUで、オープンソースなので商用でも無料で利用できます。 macOS 1

Web制作者・デベロッパー向けに、クラウドでの同期機能も備えたオープンソースのコードスニペットマネージャーを紹介します。 macOS, Windows対応のアプリで、Web制作のさまざまな言語をサポートしています。日本語の入力など、日本語環境でも問題なく利用できます。エディタにはAceが使用されており、非常に快適で、高速に動作します。 massCode massCode -GitHub massCodeの特徴 massCodeのダウンロードとインストール massCodeの使い方 massCodeの特徴 massCodeは、デベロッパー向けのコードスニペットマネージャーです。ライセンスはGNUで、オープンソースなので商用でも無料で利用できます。 macOS 11.0+, Windows 10,11をサポート、Linuxも近日サポート予定です。 2年ほど前にv1.0がリリースされたときに紹介

インストール済みのフォントを好きな文字で一覧表示できる、Windows, macOS, Linux対応の国産アプリを紹介します。 国産なので日本語フォントはもちろん、英語フォントもサポートされています。 いろいろなフォントで比べてみたい人、特にフォントがたくさんの人に便利です！ fontvuer fontvuer -GitHub fontvuerの特徴 fontvuerのダウンロード・インストール fontvuerの使い方 fontvuerの特徴 既視感を抱いた人は大正解！ fontvuerは先日リリースされたばかりの国産アプリで、以前当ブログで紹介した「Fontviewer（紹介記事）」の後継の新作です。 基本的な機能はほぼ同じですが、使い勝手が大幅に強化されています！

SVGアイコンの管理ができ、編集もできる便利な無料ツールを紹介します。 Windows, macOS, Linux対応で、たくさんのSVGアイコンを一元管理できてしまう優れものです。 Norde -SVG Icon manager and editor Nordeの特徴 Nordeのダウンロード・インストール Nordeの使い方 Nordeの特徴 NordeはUIデザイナーもアイコン制作者も、アイコンを扱うすべての人のために構築された無料ツールです。複数のマシンでもアイコンを一元管理できるので、チームで使用するのにも適しています。 Nordeの特徴 SVGアイコンの管理 SVGアイコンをアイコンセット、グループを使用して管理できます。 SVGアイコンの編集 SVGアイコンのカラーやサイズを簡単に編集できます。 SVGアイコンのエクスポート .svg, .png, .jpg, .webp,

使い勝手がよく、高速動作のオープンソースのコードスニペットマネージャーを紹介します。VS Codeと同じMonacoがエディタに使用されており、非常に快適です。 macOS, Windwos, Linux対応のアプリで、Web制作のさまざまな言語をサポートしています。日本語の入力など、日本語環境でも問題なく利用できます。 massCode massCode -GitHub massCodeの特徴 massCodeのダウンロードとインストール massCodeの使い方 massCodeの特徴 massCodeは、デベロッパー向けのコードスニペットマネージャーです。ライセンスはGNUで、オープンソースなので商用でも無料で利用できます。 macOS 10.13+, Windows 7, 8, 10, Ubuntuをサポートしています。 コード管理 massCodeは、マルチレベルのフォルダとタグ

アイコンをどのように管理していますか？ 大量のSVGアイコンを効率的に管理でき、デザイナー・デベロッパー、制作チームで一元管理もできる無料アプリを紹介します。個人でも複数人でも利用できます！ Windows, macOS対応、完全に無料で利用でき、アイコンを登録・管理するのも簡単、アイコンをデザインツールで使用するのも非常に簡単です。 6,000個くらいのアイコンで試してみましたが、動作はサクサクです！ SVGアイコンの管理 SVGアイコンをアイコンセット、グループ、タグを使用して管理できます。 検索機能 数千個のアイコンを登録していても、超高速に検索できます。 デザインツールとの連携 SVGアイコンをアプリからデザインツール（Adobe XD, Photoshop, Sketchなど何でも）にドラッグ アンド ドロップで簡単に利用できます。 SVGアイコンのコードでの利用 アイコンを右ク

Windows, macOS, Linux対応、魔法陣を無限に組み合わせて生成できるジェネレーターを紹介します。生成される魔法陣はSVGとPNGで出力でき、個人でも商用でも無料で利用できるフリー素材です。 以前ルーン文字で紹介したdaisy bellの新作アプリで、魔法陣はマンガや同人誌に使ったり、商用のプロジェクトでも完全無料の太っ腹ライセンスです。

先週の10/23にアップデートされたAdobe Photoshop 20.0.7で、macOS 10.15 Catalinaで起きていたいくつかの不具合が解消されたとのことです。 改善されていない問題に関しては、回避策があります。 Photoshop and macOS Catalina (10.15) 私は現在、macOS Mojaveを使用していますが、macOS Catalinaでは32ビットアプリが動作しないため、32bitアプリの掃除も含めて、macOS Catalinaは年末あたりにクリーンインストールする予定です。 参考: 32ビットAppとmacOS High Sierra 10.13.4以降の互換性 -Apple サポート Photoshop 20.0.7で、改善された不具合 Photoshop 20.0.7で、改善されていない不具合 Photoshop 20.0.7のア

デザイナーに、構造化が求められる要件がここ数年で急増しています。また、スマホやデスクトップの両方のOSにダークモードが導入されたことで、新たなデザインの領域を増やす必要もあります。 今までのカラーシステムと一貫性を保ちつつ、ダークモードの新しい配色を簡単に適用できるようにするカラーシステムを作成する方法を紹介します。 Dark Mode — Working with Color Systems by Søren Clausen 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 色に役割を割り当てる カテゴリ 1: 色合い カテゴリ 2: 背景 カテゴリ 3: 前景要素 その他の場合 色の割り当て ダークモードへの対応 Sketch用のカラーシステム 色に役割を割り当てる すべてのシステムがそうであるように、最も重要なことは根拠です

Figmaがこれからの人にも、すでに使用中の人にもお勧めです。macOS対応の公式より快適に動作するFigmaアプリを紹介します。 .figファイルはもちろん、.sketchファイルを編集したり、.pdfに書き出したり、共同作業やバージョン管理なども簡単にできます。 Figmaは無料で利用でき、Figmacも無料で利用できます。 Figmac Sketchファイルを開きたいけど、Sketchがない人にも便利です。 Windowsの場合は、下記をご覧ください。 SketchファイルをWindowsで開いて、編集・保存できる無料アプリが登場 -Lunacy Figmacの特徴 Figmacのダウンロード Figmaとは Figmacの使い方 Figmacの特徴 Figmacは、BlocsやSolisなどのmacOS用のUIデザインツールを開発したNorm氏の新しいアプリで、Figmaの公式アプ

デザイナーをはじめ、大量のフォント・画像を管理したい人におすすめのWindows, macOS対応のソフトウェアを紹介します。さまざまな画像フォーマットに対応しており、タグ付けやフォルダ分けやカラーフィルターなどで整理も簡単です。 .psd, .ai, .xdをはじめ、.pdf, .mp4, .ttf, .otfなどPDFや動画やフォントファイルも表示できます。私はmacOSでLynとTiatを使用していますが、Eagleの方が使いやすく快適で、乗り換えを検討中です。 Eagle 追記: 検討中でしたが、購入しました！ さまざまなフォーマットに対応しているだけでも便利ですが、なんとWindowsとmacOSで共有できました。画像やフォントや動画など、WinとMacの両方でこのEagleで管理できます！ やり方は簡単、ライブラリをDropboxやGoogleドライブなどのクラウドに定義するだ

すごいツールが登場しました！ コードは一切必要とせず、スマホアプリのデザイン、プロトタイプ、アニメーションが手軽に作成できるmacOS用のアプリを紹介します。 実際に試してみたところ、操作は非常に簡単で、動作も快適、さまざまなスマホアプリの構築に役立つと思います。 Drama Dramaの特徴 Dramaのダウンロード Dramaの使い方 Dramaの特徴 DramaはPaintCodeのクリエイターによる、デザイン、プロトタイプ、アニメーションがオールインワンになったmacOS用のアプリです。先月リリースされたばかりで、現在はベータ版として提供されており、無料で利用できます。 Dramaのキャプチャ ユーザーインターフェイスを描画 コードは一切不要、プロトタイプの視覚的な状態をシーンに描きます。 インタラクティブなプロトタイプを作成 各シーンをトランジションに繋げるだけで、インタラクティ

remove.bgが神アップデートです！ 1クリックで画像から背景だけを切り抜くremove.bgが、6月のアップデートで動物や植物や物体などもサポートしました。 ネコや犬やアルパカや鳥やペンギン、花や植物、食料、家具、自転車、飛行機などの画像も1クリックで背景だけを切り抜きます。

mac OS版のChromiumを採用したEdge（プレビュー版）がリリースされました。 Windows 10版と同じで、デベロッパーツールも利用できます。 Introducing the first Microsoft Edge preview builds for macOS このペースなら、年内に正式版がリリースされそうですね。 あとは、移行がスムーズに行われれば、開発も楽になります。ブラウザ検証用にWindowsが必要ということもいずれなくなるかもしれません。 mac OS版のMicrosoft Edgeは、下記からダウンロードできます。

先日紹介した「Remove.bg」ついにPhotoshopに対応も便利でしたが、なんと今度は、Windows, macOS, Linux対応の無料アプリがリリースされました！ 単体アプリなので、ブラウザもPhotoshopも不要。しかも、複数の画像をドラッグ＆ドロップして、背景だけを画像から切り抜くこともできます。 写真: ぱくたそ 人物が2人でもできるかなと思いましたが、問題なくできました。食べかけの苺もキレイに残っています。 remove.bg Appの特徴 remove.bg Appのインストール remove.bg Appの使い方 remove.bg Appの特徴 remove.bg Appは、Windows, macOS, Linux対応のアプリです。 無料版と有料版があり、無料版は0.25メガピクセルの画像まで、月50枚まで、と制限があります。 ドラッグ＆ドロップによる背景の自

Windows, macOS, Android, iOSなど、各OSの各バージョンにプリインストールされているフォントリストを紹介します。 CSSでフォントを指定する時、また自分が使用しているOSでこんなフォントを利用できるという発見もあるかもしれません。 Windows 10 font list Windows 7, 8などのフォントリストも揃っています。 Windows 7 font list Windows 8 font list Windows 8.1 font list 不要なフォントを削除したいけどソフトウェアで使用されていると困るから削除できない、という人はFonts and supported productsを参考にすると、どのフォントがどのソフトウェアに使用されているのか分かります。 Windows 2000用のフォント、IE 5用のフォントなど、使わないですね。 Wi

macOSのメニューバーに、アイコンがたくさん並んでいませんか？ 常に表示させておきたいアイコンと、非表示にさせておきたいアイコンがあると思います。メニューバーに配置されているアイコンを整理して、指定したアイコンを隠すことができる無料アプリを紹介します。 Bartenderに似た機能ですが、Dozerは無料アプリで、使い勝手は非常に簡単です。 私の環境（macOS Mojave日本語）で問題なく、利用できました。 Dozer Dozer -GitHub Dozerの特徴 Dozerのインストール Dozerの使い方 Dozerの特徴 Dozerは、macOS 10.13+、High Sierra, Mojave対応の無料アプリです。 メニューバーにあるアイコンを指定した範囲で表示・非表示を簡単に切り替えることができます。 Dozer ライセンスはBSD 3-Clause Licenseで、

複数のアイコンを自由に組み合わせて、SVG対応のWebフォントにできるmacOS対応の無料ツールを紹介します。 ソーシャルメディア用のアイコンで作成したり、自分のサイト用のアイコンで作成したり、自分だけのオリジナルのWebフォントを簡単に作成できます。 Webfontの特徴 アイコンを自由に組み合わせ 手元のアイコンを自由に組み合わせて、SVG対応のWebフォントのセットを作成できます。既存のフォントをインポートすることも可能です。 フォントのカスタマイズ アイコンをカスタマイズして、フォントに名前を付けることができます。 フォントのエクスポート フォントには1クリックでエクスポートできます。HTMLやCSSファイルも生成されるので、簡単に利用できます。 フォーマットは、.svg, .ttf, .eot, .woff, .woff2 コラボレーション メンバーを招待し、チームを作成して、共

当ブログで無料フォントや格安フォントを紹介する度に、「フォントの管理が、、、」という声がちらほら聞こえます。そんなフォントをたくさん所有されている方にぴったりのWin, Mac, Linux対応の無料アプリを紹介します。 先日リリースされたばかりの国産アプリで、もちろん日本語フォントに対応しています。 Fontviewer　-GitHub Fontviewerのダウンロード Fontviewerの使い方 Fontviewerのダウンロード Fontviewerはソフトウェア開発をしているSotaro氏が開発した無料のソフトウェアで、インストール済みのフォントを好きな文字で一覧表示することができるフォントのビューアです。 MITライセンスで、個人でも商用でも無料で利用できます。

エディタで作業しながら何かを表示したり、Photoshopで作業しながら何かを表示できる、macOS, Win, Linux対応の無料アプリを紹介します。 チートシートを表示したり、チュートリアルを表示したり、動画を表示したり、同時に重ねてウインドウを起動したい人に非常に便利です。Pennywiseはマルチタスク対応、サイズを自由に変更できるフロートウインドウで、不透明度も調整できます。 Pennywise -GitHub Pennywiseの特徴 Pennywiseのダウンロード Pennywiseの使い方 Pennywiseの特徴 ウインドウは、開いている他のアプリの上に常に表示されます。 不透明度を調整できます。 サイズ・配置も自由に変更できます。 マルチタスク対応。 UIはミニマルなデザイン。 macOS, Windows, Linux対応。 MITライセンス Pennywiseの