SketchファイルをWindowsで開いて、編集・保存できる無料アプリが登場 -Lunacy
Windowsユーザーの方に朗報です！ Windows 7, 8, 10で、Sketchのファイルを開くことができ、編集も保存もでき、CSSの書き出し、SVGやPNGのエクスポートもできてしまう無料アプリが登場しました。 もちろん、日本語のWindows環境でも利用できます。 Lunacy, Sketch for Windows 前回紹介した時はファイルを開くだけの機能でしたが、ついに編集・保存にも対応し、Sketchの機能の80%を備えました！ Windows版のSketchといっても過言ではないでしょう。 Lunacyの特徴 Lunacyのダウンロード・インストール Lunacyの使い方 Lunacyの特徴 Lunacyは、.sketchファイルを開き、編集し、保存することができるWindowsのネイティブアプリです。しかも、完全無料で利用できます。 Lunacyの画面 Sketch（
ゼロからはじめる簡単作曲の方法
作曲にはさまざまなアプローチがありますが、もっとも一般的なのはやはりコードを使った作曲法です。 はじめて作曲をするという方には少し難しいもののように思えるかもしれませんが、ある意味一番効率的に曲を作る方法としてコードは存在するといっても過言ではありません。 完全に理解する必要はないので、なんとなくコツをつかんで曲作りに役立てましょう。 省エネ作曲法について 昔「例の方法」という大学受験の参考書がありました。 選択肢のある問題で問題文を読まずに正解を当てる、とかそんな内容だった気がします。この項は作曲版の「例の方法」みたいなものです。 ここでの目標は、4小節のコード進行を作ることです。 4小節のコードがあれば、それを音楽ソフトに入力してピアノやパッド音源で演奏させ、それを元にメロディを作ったり、ドラムを入れて曲の形に仕上げることができます。 下準備 まずはどんな音楽を作りたいのかを考えましょ
サイドチェインの使い方
エフェクターにはサイドチェインという機能があります。 いまいちどういう使い方をするのかわかりづらいものですが、一度使い方を覚えてしまえばミックスだけでなく積極的な音作りにも非常に有効に使える便利な機能です。 サイドチェインとはなにか サイドチェインとは、外部からの信号をトリガー（引き金）として、エフェクトをコントロールする機能のことです。 エフェクトのコントロールなら、がんばればトラックのオートメーション（音量や音の左右の定位、エフェクトをかける量などを線を引いてコントロールできる機能）でできるとは思いますが手間がかかりますし、コンプなどではリリースを表現するのが難しそうです。そのようなときにサイドチェインは役立ちます。 サイドチェインが一番よく使われるのはコンプレッサーなので、ここではコンプを例に説明していきます（それ以外のものでもサイドチェインボタンがあるエフェクトなら使えます）。 ま
音をクリアにする方法
曲が完成してマキシマイザーなどで音圧を上げてみたものの、なんだか全体的にボワボワとこもって聞こえる、そんなふうに感じた方もいると思います。 この項ではそんな曲の音抜けをよくする方法を紹介します。 音をクリアにする方法1 / いい音で録る まずはボーカルや楽器、ハードウェア音源をパソコンに録音する場合についてです。 ものすごく当たり前なことですが、いい録音機材を使って適正なレベルでレコーディングをすれば音質は上がります。そのようにして録られた解像度の高いサウンドは、抜けのいい音になります。 とはいうものの、いい機材なんて言い出したらキリがないので、まずは録音レベルをしっかり合わせるところからはじめましょう。これだけでも大分変わってきます。 しっかり合わせるとはどういうことかというと、できる限り大きな音で録るということです。といっても0dB（デシベル）を超えてクリップ（音の最大レベルを超えて歪
icnsファイルの作り方（Mac） - 2番煎じMEMO
高解像度のRetinaディスプレイ登場以降、Mac で使われるアイコンの作り方は以前より複雑になり、用意する画像も多くなって面倒になりました。 僕はアイコンの元となる icnsファイルの作り方をよく忘れるので、自分なりの見解も含めてメモしておきます。 アイコン用の画像ファイルを用意する 下の表のように、アイコン用の画像ファイル（png）を各サイズ、それぞれのファイル名にして用意します。（すべてのサイズを用意しなくても icnsファイル は一応作れる） （ macOS Human Interface Guidelines: Designing App Icons より参考） ファイル名+拡張子画像サイズ（pixel）dpi icon_512x512@2x.png 1024 × 1024 144 icon_512x512.png 512 × 512 72 icon_256x256@2x.png
The Best Color Tools For Web Designers
The Best Color Tools For Web Designers Colors are the very basic and important element of any design, you need to be really careful about creating colors for your designs. Today we are talking a little bit about colors in web design and we have collected some good tools and articles to help you master in creating color combinations. Colors considered to be the important factor of any kind of desig
[70-4] JavaScriptライブラリで作るSVGモーフィングアニメーション
[70-4] JavaScriptライブラリで作るSVGモーフィングアニメーション 最終更新日：2017年11月16日 （初回投稿日：2017年04月22日） SVGアニメーションの続きです。 前回は CSSだけで作るドローイングアニメーションをやりましたが、今回は JavaScriptのライブラリを使って初歩的な SVGのモーフィングアニメーションを作ってみました。 本日のINDEX Snap.svg でモーフィングアニメーション クリックでモーフィングするサンプル 連続ループでモーフィングするサンプル モーフィングの応用（他サイト様をメモ） その他 SVGアニメーションのための JavaScriptライブラリ Snap.svg でモーフィングアニメーション Snap.svg は Adobe社が提供しているライブラリです。 これを利用すれば、モーフィングだけでなく、かなり複雑なアニメーシ
![[70-4] JavaScriptライブラリで作るSVGモーフィングアニメーション](https://cdn-ak-scissors.b.st-hatena.com/image/square/c45e8f5f3f125fcbd6360ee956d828c6ae8dd2d4/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-121.fc2.com%2Fh%2Fo%2Fn%2Fhonttoni%2F170320-3.gif)
iOS10 Mobile Safariにおけるビデオの自動再生（インライン再生） - Qiita
iOS 10で変わったこと これまでのMobile Safariでは、HTML<video>タグでembedした動画を自動再生させることができませんでした。これはHTML5ではなくApple社による制約事項です。 そのため、アウトストリーム動画広告(インフィード, インバナー等)ではCanvasにレンダリングするなど、<video>タグを使用しないワークアラウンドが一般的でした。 これがiOS10からは、条件付で<video>タグを自動再生できるようになりました。 https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_10_0.html 記述例 デフォルトの挙動
作業効率を向上させるFinderまわりのキーボードショートカットあれこれ｜DTP Transit
macOSのシステム環境設定の［キーボード］の［ショートカット］を設定することで、ちょっとした作業がはかどります。 ［別名で保存］を復活させる PDFとして保存（⌘PP） サブメニュー ［別名で保存］を復活させる Keynoteなどのアプリケーションでは、［別名で保存］を使うことができません。 システム環境設定の［キーボードショートカット］で、メニュータイトルに「別名で保存…」、キーボードショートカットに「command+shift+Sキー」を入れます。 すると、［別名で保存］がメニューに出てきます。 「Save As…」にも同様に設定します。 ご参考 簡単に［別名で保存］をできるようにする｜MacFan 上記にも書いてありますが、command+option+shift+Sキーを押すと［別名で保存］になります。 Keyboard Maestroで設定するのもよいでしょう。 PDFに保存（
【保存版】配色アイデアに迷わない、すごい配色カラーパレットツール107個まとめ
「配色えらびのベストな方法が知りたい」 「イメージにあった色をもっと手軽に選びたい」 「色がなかなか決まらない」 「配色えらびにAIを活用してみたい」 この記事では、配色えらびが苦手なひとに役立つ無料ツールをまとめてご紹介します。 ２０１６年８月の初投稿から９年かけてわたしが見つけた、実践向けの配色ツールをカテゴリ別に揃えました。 リンクの切れたツールは削除し、新しいデザインツールを追加した最新版にアップグレード。 配色の基本ルールを頭に入れておけば、お気に入りの色を効果的に見つけることができますよ。 コンテンツ目次 普段使いできる便利ツール（17個） ワンクリック、人工知能系ツール（20個） マテリアルデザイン系ツール（4個） Webデザイン・UIデザイン関連ツール（21個） 写真から抽出系ツール（2個） インスピレーション系ツール（14個） グラデーション関連ツール（29個） 配色カラ
アプリ別に付箋が貼れるGhostnote
この記事は 俺のメニューバー Advent Calendar 2015 2日目の記事です。 アプリやフォルダ別にちょっとしたメモを残しておきたい時ありますよね？ あまりないですか？でも使ってみると便利なんです。 アプリ別に切り替わる付箋 付箋アプリは純正のスティッキーズなど色々ありますが、Ghostnoteはアプリやファイルによって自動で切り替わって便利です。 Ghostnote | Contextual Notes Todo For Your Mac 設定 設定は特になく、インストールすれば自動で切り替わります。 アプリによって色を変えることができます。 メニューバーにくっつけることも、好きな場所に置くこともできます。 最前面にフロートして、アクティブ時以外は半透明にすることもできます。 使用方法 メモしたいアプリをアクティブにして書くだけです。 フォルダやファイルにメモ Slackにメ
Macの無料定規アプリ『Linear』がWEB制作に最適。メニューバーに常駐して使いやすい。
起動するとMacのメニューバーに常駐するMacの無料アプリ『Linear』がWEB制作にはもってこいだったのでご紹介。 『Linear』のインストール方法 『Linear』にアクセスして、「Download for Mac」をクリックしてGitHubへ。linear.zipをダウンロードします。 解凍したlinear.appをアプリケーションフォルダへ移して準備OK。 ※アプリ起動時にセキュリティ警告が出て起動できない場合は 「システム環境設定」 → 「セキュリティとプライバシー」 から 「ダウンロードしたアプリケーションの実行許可」 から起動できます。 『Linear』の使い方 『Linear』を起動すると、画面最上層に半透明のパネルがあらわれます。パネルの端にカーソルを移動させるとカーソルの形が変わるので、自由に縮小・拡大することができます。 次の画像のように2本の縦ラインと横ラインの
俺のメニューバーまとめ＋Macオススメ常駐アプリ50選
この記事は 俺のメニューバー Advent Calendar 2015 25日目の記事です。 俺のメニューバーアドベントカレンダーも最終日になりました。メリークリスマス この24日間で紹介したアプリを振り返り ＋ 書くまでもなかった定番アプリ、紹介できなかったアプリやネタアプリなども含め、ジャンル別に俺のメニューバーをここに総決算しますメリークリスマス 追記：44選って中途半端なので50選に加筆しました。（2015.12.25 19時頃） 俺のメニューバーとは 常駐アプリ多すぎてみんなに笑われた くやしいからアドベントカレンダーはじめました Togetter そもそも「俺のメニューバー」とは、Stocker.jp のなつきさんと会話していて、メニューバーを晒したら、色んな人に笑われたんですが、どれも便利で消せるものがないので、じゃあそれでアドベントカレンダーで毎日アプリを紹介してみようとノ
SVGのオブジェクトごとにCSSで色を切り替える - わすれたあかんえ
デザインpsdを見ながらhtmlでコーディングするとき、たくさん画像を書き出しますよね。 たとえばpngのアイコンを作る場合、形が同じでも色が違えばpngファイルをたくさん書きださなければいけません。色だけ変えたものをひとつずつ、@2xサイズも用意してちまちまと……書き出して…… やってらんないっすよ！ せめて、形が同じなら使いまわしたい…… そう！SVGを使えば、同じオブジェクトを使ってCSSで色だけ変えたものを量産できるのです！ 「それだったらwebフォントでいいじゃん」と思われるかもしれませんが、webフォントはアイコンひとつにつき1色しか使えませんよね？SVGでやればアイコンひとつでも複数色使うことができます。 このSVGアイコンを使いまわして、 こんなかんじでカラフルなアイコンを量産しますよー！ ベクターでアイコンを作成 アイコン作るのがめんどくさい人はicomoonから適当なア
SketchのAuto-Saveによりストレージの空き容量が圧迫した場合の対処法 - Qiita
125 /.DocumentRevisions-V100/.cs/ChunkStorage/0/0 125 /.DocumentRevisions-V100/.cs/ChunkStorage/0 125 /.DocumentRevisions-V100/.cs/ChunkStorage 125 /.DocumentRevisions-V100/.cs 125 /.DocumentRevisions-V100 45 /Applications 5 /Library/Application Support 10 /Library ... ※ 左の数字はGB単位です。 /.DocumentRevisions-V100/ が出てきたらこいつが怪しいです。 DocumentRevisions-V100というディレクトリは、「テキストエディタなどのオートセーブに対応したアプリケーションで作成される履歴
【iPhone】 「追加日順」のプレイリストを作る方法
こんにちは、さち です。 聴きたいから iPhone に新しく追加したのに、いざ聴こうと思ったらその曲に中々たどり着けない。 何で、iPhone は追加日順で再生できないんだぁー！！！ そんな時は、「スマートプレイリスト」を使えば解決です。 スマートプレイリストを作ろうiPhone(iPod) 内の曲を追加日降順で並び替えるには、「スマートプレイリスト」という機能を使います。 では早速、「スマートプレイリスト」を作っていきましょう。 iPhone を PC に接続。「iTunes」を起動して iPhone を選択します。 「自分のデバイス上」にある項目を適当に選択。 下部にある「＋」アイコンをクリック→「新規スマートプレイリスト」と進みます（上部メニューの「ファイル」→「新規」→「スマートプレイリスト」でも可）。ショートカットは Ctrl + Alt + N キーです。 「次のルールに一致
エルビス演算子でスマートに変数を初期化 - Qiita
なんてことはない。PHP5.3から登場したエルビス演算子を知ったので試してみたというだけ。 注意：コメントによりよい手法が書かれています 背景 三項演算子は可読性を落とすか を読ませていただきまして、今回の話に至りました。 エルビス演算子とは と記述すると以下のように実行される。 aがtrue、または真と判断できる値であればその値が返却され、bは評価されない aがfalse、または偽と判断できる値であればbが評価され、返却される 三項演算子の短縮形っぽいけどこんな書き方も出来る模様。
Excel 2016でUTF-8のCSVファイルがサポートされるようになりました。 | 初心者備忘録
2015/7/14 追記： いつの間にかAPIの呼び出しにAPIキーが必要になっていました(ページ下部「拡張サービス」版は不要です)。 APIキーの取得方法は「goo.glで短縮URLを取得するVBAマクロ」をご参照ください。 function getShortUrl(url){ var key = "(APIキー)"; var api_url = "https://www.googleapis.com/urlshortener/v1/url?key=" + key; var payload = '{"longUrl":"' + url + '"}'; var options = { "contentType":"application/json", "method":"post", "payload":payload }; var res = UrlFetchApp.fetch(api_
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
"The Last Rain " by Sammy Slabbinck | Redbubble
SVGで滑らかなモーフィング（変形）を！SVG Morpheus の使い方 | ARAKAZE NOTE
