便利なのが登場！UIのデザイン、プロトタイプ、アニメーションがコードなしで、手軽に作成できるツール -Drama
すごいツールが登場しました！ コードは一切必要とせず、スマホアプリのデザイン、プロトタイプ、アニメーションが手軽に作成できるmacOS用のアプリを紹介します。 実際に試してみたところ、操作は非常に簡単で、動作も快適、さまざまなスマホアプリの構築に役立つと思います。 Drama Dramaの特徴 Dramaのダウンロード Dramaの使い方 Dramaの特徴 DramaはPaintCodeのクリエイターによる、デザイン、プロトタイプ、アニメーションがオールインワンになったmacOS用のアプリです。先月リリースされたばかりで、現在はベータ版として提供されており、無料で利用できます。 Dramaのキャプチャ ユーザーインターフェイスを描画 コードは一切不要、プロトタイプの視覚的な状態をシーンに描きます。 インタラクティブなプロトタイプを作成 各シーンをトランジションに繋げるだけで、インタラクティ
IconGenerator - iOS/macOS/watchOSなどのアイコン画像をまとめて生成 MOONGIFT
iPhoneやiPadなどiOSデバイスの種類が増えるのに伴ってアプリで用意しなければならないアイコンの種類も増えています。サイズが多彩にあり、いちいち用意するのが面倒に感じているのではないでしょうか。 そこで使ってみたいのがIconGeneratorです。一つのファイルからまとめてアイコンファイルを生成してくれます。 IconGeneratorの使い方 メイン画面です。ここにアイコン画像をドロップします。 ドロップしました。 Generateボタンを押すと、選択している環境に応じて画像をまとめて生成します。 IconGeneratorを使えばiOSやwatchOS、macOSなどの環境に合わせて必要なアイコンファイルを一気に生成してくれます。用意するのは最大解像度のものだけで済みます。アプリ開発者必携のソフトウェアでしょう。 IconGeneratorはElectron/JavaScri
かなりオススメ！WordPressのローカル環境が簡単に構築できる、Windowsもmac OSも対応の無料ツール -Local | コリス
WordPressのローカル環境を構築するといえば、XAMPPやInstant WordPressを利用している人が多いと思いますが、これらより簡単に、そして一度のインストールで複数の環境を構築でき、PHPなどのバージョンも簡単に変更することができる高性能な無料ツールを紹介します。 サーバーの知識がない人でも簡単に利用でき、あっという間にWordPressのローカル環境が構築できます。 UIも洗練されて使いやすく、かなりオススメです！ ローカルに、WordPressの制作環境を簡単に構築できます。 WordPressの制作環境は、複数構築できます。 サーバーの知識がない人でも、4クリックするだけでOK。 WordPress日本語版にも対応。 ローカルSSLサポート。 SSH/WP-CLIアクセス。 共有可能なURLを作成して、クライアントに見せることも可能。 柔軟な環境オプション。 PHP
macSVG - macOS用のSVGエディタ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました SVGがいくらテキストベースだといっても、手入力で作成しようと考える人はまずいないでしょう。専用のドローソフトウェアがなかったらとても作ることはできません。かといってその手のソフトウェアは効果なのが常です。 そこで使ってみたいのがmacSVGです。GUIで簡単にSVGコンテンツが作成できます。 macSVGの使い方 新規作成画面です。 エディタの画面です。文字を書いたり、色を変更したり、シェイプを追加したりできます。レイヤーもサポートされているので通常のドローソフトウェアを使った事があればすぐに使いこなせるでしょう。 生成されたSVGです。 macSVGはタイムラインベースのアニメーション作成もサポートされています。macSVGを使えばSVGコンテンツの作成がとても簡単にできるでし
カラーの取得・管理、カラーパレットの作成、画像からカラー抽出などいろいろできてしまう便利なカラーツール -Kelir
カラーピッカーはいろいろありますが、これは決定版では？ というくらい便利なOS X用の無料ツールを紹介します。 カラーピッカーとしてはもちろん、カラーの管理、カラーパレットの作成、画像からカラーの抽出、グラデーションの作成・コード生成など、PhotoshopやSketchをはじめとする他のアプリで作業する時に役立つ強力なカラーツールです。
スクリーンキャプチャをGIFアニメにする方法
スクリーンキャプチャをGIFアニメにする方法を紹介します。 サンプル １．はじめに デスクトップ上での操作を動画にしたいことがあると思いますが、動画を作るのは面倒です。 ということで、スクリーンキャプチャをGIFアニメにする方法を紹介します。 Windows/Macのどちらでも利用できます。 ２．スクリーンキャプチャをGIFアニメにする スクリーンキャプチャをGIFアニメにするには「LICEcap」というソフトを利用します。 LICEcap LICEcapのページにアクセスして「Download」にあるリンクをクリックしてダウンロードします。 ダウンロードしたファイルを実行します。 以下、Windowsへのインストール手順です。 「I Agree」をクリック。 「Next」をクリック。 「Install」をクリック。 これでインストールされたので「Close」をクリック。 LICECapを
Curve App - 手軽に使えるSVGでドローアプリ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ベジュ曲線などを使ったドローイングをやろうと思うとIllustratorやInkscapeのような特別なソフトウェアを使わないといけない気がしてしまいます。それこそ覚えるのに何日もかかるでしょう。 そこで使ってみたいのがCurve Appです。機能は決して多くありませんが、シンプルなUIですぐに使いこなせるドローアプリです。 Curve Appの使い方 Curve Appを起動しました。サンプルのドローが描かれています。 クリックするとポイントがハイライトされます。 適当に色々追加したところ。円や多角形の他、ベジュ曲線を使ったドローもできます。 Curve AppはElectronを使っている点がポイントで、つまりこれはHTMLで動いているということです。データはSVGで保存できる
ESDoc - ECMAScript 6に対応したJavaScriptドキュメント生成ツール
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました JavaScriptによるWebアプリケーション開発がどんどん大規模化しています。多人数での開発も当たり前になり、継続的に開発する中でも品質を保たなければならなくなっています。 そんな中で必要になるのがドキュメントです。今回は最新のJavaScript仕様であるECMAScript 6に対応したJavaScriptドキュメントジェネレータ、ESDocを紹介します。 ESDocの使い方 ESDocのインストールはnpmで行います。 $ npm install -g esdoc 以下はコマンドオプションです。設定ファイルのJSONか、生成するスクリプトがあるディレクトリを指定します。 $ esdoc -h usage: esdoc [-c esdoc.json | path/to/di
クリエイティブなファビコンを設置しよう
2017年9月22日 Webサイト制作, 便利ツール Webサイトの制作時に、特に初心者さんが設置を忘れがちなファビコン。Webサイトをブックマークした際や、タブ表示した際にサイト名の横にちょこんと表示されている小さなアイコンのことです（Favourite + Icon = Favicon）。デバイスが増え、これまでとは設置方法が少し変わってきているのと、機能のついたファビコンも増えてきているので、その辺もあわせて紹介します！ ↑私が10年以上利用している会計ソフト！ ファビコンをデザインする ファビコンは16×16ピクセルとかなり小さいながらも、その存在は偉大です。複数のタブを開いている時や、ブックマークリストの中から、ひと目見てどのサイトか区別できるからです。 多くの場合、そのWebサイトのロゴマークを縮めたり、簡略化したものがファビコンデザインとして採用されています。CHANEL、A
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これ一つで全部OK！SVGアイコンの管理・作成・コード変換が簡単にできる無料ツール -Svgsus
Win, Mac対応、デスクトップでもブラウザでも動作するベクターでイラスト・デザインができる無料アプリ -Vectr