PNG画像のファイルサイズを小さくする - Qiita
スマートフォンアプリを作っていると、偉い人から「アプリの容量でかいよー、小さくしてー」なんて言われちゃったりしてさてどうしようかということになることがしばしばあります。 そんなときはまず使っていない画像や動画等のリソースを削除するのはもちろん、コンパイルの最適化オプションを上げてみたりしてなんとかがんばるのですが、努力にも限度があります。 なんで、PNG画像を再圧縮することで容量を小さくしてみるのが良いでしょう。 デザイナーがPhothoshopで作ったPNGファイルをアプリにそのまま組み込んでいる場合は、PNG画像を再圧縮することでサイズを小さくすることが期待できます。 PNGの最適化ツール PNGの最適化ツールには、可逆圧縮のPngcrushやOptiPNG、非可逆圧縮のpngquantといったものがあります。 その中で高い圧縮率を誇るzopflipngを使ってみます。 zopfli
ドラッグ&ドロップでReact製のWEBアプリがつくれるReactStudioがやばい - Qiita
ReactStudioを使ったアプリの作り方はこちら React Studioを使ってQiitaの記事一覧アプリを作成してみる はじめに reactというとJSXの書き方、props、stateの挙動等を覚える必要があるため、 学習コストが割りと高めであったり、環境を構築するのに一手間かかったり等、 まだまだとっつきにくさが否めないライブラリです。 しかし、今回は、そんなReactをドラッグ&ドロップでアプリが 作れてしまうツールがあったので紹介したいと思います。 ※尚、Windowsはなく、Macのみで使用できるツールでございますので、予めご了承下さい。 公式サイト 公式サイトへのURLはこちら。 React Studio https://reactstudio.com/ ツールの使い方 ReactStudioでコンポーネントをデザインします。 その後、コードが自動生成されます。 無料で
Macアプリ「ワイヤレス診断」 Wi-Fi電波の強度・チャンネル・バンドを確認
Macに標準搭載されているアプリ「ワイヤレス診断」を使って、Wi-Fi電波の強度・チャンネル・バンドを確認する方法を紹介します。 ご近所の無線LANとWi-Fi電波が干渉してしまって、ネットワークが不安定……。 そんな場合はMacアプリ「ワイヤレス診断」を使って、ご自宅と近所のWi-Fi環境を確認しましょう。ここでは「ワイヤレス診断」の起動方法と使い方を紹介していきます。 Fiderを起動し、 ショートカットキー「Command + Shift + G」を押します。 すると、このように「フォルダの場所を入力：」というポップアップが表示されるので、以下のパスを入力し、「移動」をクリックします。 /System/Library/CoreServices/ すると「CoreServices」フォルダへ移動するので、「Applications」フォルダを開きます。 アプリ「ワイヤレス診断」を起動し
Macでデスクトップをgifで録画〜LICEcap | | Scimpr Blog
licecapwww.cockos.com/licecap/ インストールlicecapのアイコンをApplicationsにドラッグアンドドロップすれば終わり 起動背景が透けてるウィンドウが立ち上がる 録画したい箇所にウィンドウを重ねて右下のRecord…ボタンを押せば録画スタート. Stopボタンで録画終了. 初期の8fpsだと飛び飛びになりすぎるので、適当に20〜30くらいにする. できた キー操作表示〜KeyCastrgithub.com/keycastr/keycastr 公式のDownload latest releaseからダウンロード、zip解凍してappファイルを Applicationsディレクトリに放り込めばインストール完了 Enable access for assistive devicesなんとかと言って立ち上がらない場合は、システム環境設定＞セキュリティーとプ
Yosemite風のアイコンが簡単に作れるツール作った - Qiita
はじめに 最近Electronを使った最強のTwitterアプリとかが話題ですが、みなさんアイコンのデザインとかどうしてますか？ UIはともかくとして、Dockにブチ込めるいい感じのアイコンデザインちょっと面倒くさい……。 そんな人のためにこんなツールを作ってみました。 Yosemite風アイコンジェネレーター http://ls8h.com/yosemite-icon/ API 使い方としては2通り用意しました。 まず、アイコンジェネレータのページから直接マウスやペンタブなどで普通に書いてみる方法。 もう一つは、APIです。 ここはQiitaですので、とりあえずkobitoのアプリアイコンを元にAPIを使って自動生成してみたいと思います。 まずは元となるアイコンを用意します。 大きいですね。1024*1024のサイズで作っています。 Dockにあるアイコンを参考に、マークをいい感じの大き
30分で出来る、JavaScript (Electron) でデスクトップアプリを作って配布するまで - Qiita
概要 Electronとは、JavaScriptでデスクトップアプリケーションが作成できるツールです。 MITライセンスなので無料で使える上に商用利用も可能です。 最近ではAtomやSlackのアプリもElectronで作られたとのこと。 今かなりノっているツールの1つです。 以下、簡単な特徴。 Node.js + HTML + CSS という、WEBの技術でアプリが作れる。 Chromiumブラウザ(Chromeのオープンソース版)を内蔵しているので、普段の書き味と変わらない これ1つで Windows, Mac, Linux 向けのアプリが作れる 超簡単 ここではElectronのインストールからアプリの配布までを紹介します。 以下、「Hello World」を出すだけのアプリですが、ゼロからはじめて30分でここまで出来ます。 インストール まずは必要なものをインストール。 nodeの
四角の画像を一瞬で角丸にしてしまうMacアプリ「Kakumaru Punch」が鬼便利。 – 和洋風KAI
今まで、四角の画像を角丸にするって結構大変でした。 僕の場合、Photoshopで加工してましたが、「コピーを作って → 画像を統合して → シェイプで角丸のレイヤーつくって → 選択範囲を取得して → 統合した画像をその選択範囲で切り取る」という、大変めんどうなことをしていました。全行程5分くらいかかってたかも・・・。 しかし、今回ご紹介する「Kakumaru Punch」を使えば1秒、一瞬で美しい角丸画像がつくれます！これはやばい！ 画像をドラッグアンドドロップするだけで角丸画像がつくれる！ 「Kakumaru Punch」は、Gadget Girlのアプリのアイコン画像をドラッグ&ドロップで簡単に取得する方法の記事で知ることが出来ました。 Kakumaru Punch for Mac - Sheepapp まず「Kakumaru Punch」をダウンロードしましょう。無料です。 ダウ
Blocs - Fast, easy to use and powerful visual web design tool, that lets you create responsive websites without writing code.
The Ultimate Website Builder for Mac, iPad & iPhone Blocs is fast, intuitive and powerful visual web design software, that lets you create responsive websites without writing code. Blocs for MacBlocs for iPadBlocs for iPhone Learn Get up and running fast with our learning portal. You'll find everything you need to master building websites with Blocs. Learning Portal Connect Connect with other Bloc
Macのhost編集は「Hosts」がわかりやすくて便利すぎ - akuyan to
自分メモにしとこうかと思ったけど、せっかくなのでブログに書いときます。 Macに不慣れなあくやんさんはhostの書き換えに困りました。 hostの書き換えは制作ではよくありますね。開発環境とか書き換えまくりですよね。 で、最初hostの追加はターミナルでがんばってやったんですよ。ほめてください。ただあれターミナル的なもの使い慣れてない人には敷居高杉なんです。言ってる意味が理解できません。 そこでみっけたのが「Hosts」 Macにインストールするだけで、hostの追加・削除・コメントアウトが思いのママ！ まずはgithubからパッケージダウンロード みんなの味方githubから「Hosts」のパッケージをダウンロードします。 1番上にあるのが1番新しいものなので、迷わず1番上のものをダウンロードしましょう。 ▼「Hosts」ダウンロード先 https://github.com/specia
全部無料！仕事の効率を上げるMacアプリ9選
ども、ゆうせいです。先日、作業効率を上げるショートカットについてご紹介しましたが、今回は「仕事の効率を上げる（効率化）Macアプリ」のお話です。 画像をサクッと編集するアプリ、文字入力が捗るアプリ、そして集中力を高めてくれるアプリなどなど、そんな感じのものを「無料」に絞ってご紹介します。 画像編集が捗るアプリ ほぼ劣化なしで軽量化「ImageOptim」 まず最初にご紹介するのは、ほぼ劣化なしで画像を軽量化するアプリ「ImageOptim」です。これは、画質はそのままで、容量を軽くしてくれるという大変ありがたいアプリです。 使い方は簡単。画像をドラッグ&ドロップするだけ。複数枚を一度にぶっこむことも可能です。 比較してみた 元画像：844KB （画像へのリンク） 「ImageOptim」で軽量化した画像：516KB （画像へのリンク） 40%近く軽量化できましたが、ほぼ劣化していないと言っ
キー入力を表示しながらスクリーンショットGifを撮る
B! 68 0 0 0 作ったソフトの説明なんかをする時に Gifなんかで紹介しようとすると、 ショートカットキーを使って簡単に出来るよ！ みたいな説明がいまいち上手く出来ません。 ですが、たまにGifやビデオなんかで実際のキー入力を表示している様なのがあって、 使いたいな、と思っていたので色々調べてみました。 Mac KeyCastr Key Codes Mouseposé Pin Point キーボードビューア KeyCast Macまとめ Windows KeyCastOW osdHotkey ShowOff QiPress Target Keybaord Jedi KeyDisplayer PointerFocus キーロガー Windowsのまとめ Linux (というよりPython) pykeyview key-mon ScreenKey Linuxまとめ Mac KeyCa
iPhoneの画面をキャプチャして動画撮影する方法～ReflectorというPCツールを使って、非脱獄でも録画可能！～ | アプリアン！
This domain may be for sale!
iMovie 10.0.3複数の写真のクリップをまとめて長さを揃えたい | 余興ムービー.com
iPhotoでもスライドショームービーが出来ますが、 iMovieで作った方が、細かいところに手が届きます。 iMovieで長さをまとめて揃えたい時があると思います。 曲の長さに合わせて、写真の長さを変えたい、曲が全部終わるまでにすべての写真を流したい時など。 複数選択して長さを変えればいけそうなのに、 １つしか長さが変更されません。。。 四苦八苦した結果見つけました。 今回の環境 iMovie 10.0.3 まとめて長さを揃え方 １ 複数クリップ（写真）を選択します。 ２ プレビューモニタ上の、調整ボタンを押します。 するとアイコンたちがでてきます。 ３ iボタン（クリップ情報）を押すと継続時間がでます。 やっと発見。少し前のiMovieだとインスペクタで簡単に変更できたのに。 少し使いづらくなりましたが、昔出来た事は一通りできそうですね。 以上、まとめて長さを揃えるでした！
Macで使えるフリーの画像編集ソフトで何が一番使い易いのかなぁ？
ってなところです。その内よく使っているのはSeashoreでしょうかねぇ〜 スクリーンショットを加工する時なんかはSkitchを使っています。 GIMPは重いし時々固まるので余り使っていません。ChocoFlopもよく固まります。…で，他にもっといいのないのかな〜と思って探してみたところ，LiveQuartzっていうのが良さげだったのでダウンロード・インストールしてみました。 参考にしたサイト Macの手書き説明書 LiveQuartzPISCES LiveQuartz Image Editor 1.8 う〜ん，これはインターフェイスもこなれていてなかなか良さそうです。レイヤーが扱えて，メニューは日本語に対応しています。おまけにフィルターもとても豊富。ただし選択ツールが限られているので，凝った合成加工は無理っぽいですが，これはなかなかイイかもしれない！ これから，このアプリケーションの使い
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Mac OSX 10.9 (Mavericks) で 日本語入力可能な日本語化された Gimp 最新版 (2.8.10) を使うには
※[ブックマーク]ボタンの中に delicious, reddit, digg, Google+(G+) のボタンもあります。 2014-05-11追記: エラーが出てしまう (日本語) ヘルプを利用可能にするには「Mac の GIMP 2.8.10 のヘルプを使えるようにするには」をごらんください。あと、本記事でSourceForge版と言っていたのは、より正しくは LisaNet版 (Gimp on OS X) でした。SourceForge には、LisaNet版のGimp on OS X と GIMP本家版のGIMP.app の 2 つのプロジェクトがあります。 Mac OSX Mavericks (10.9.X) の GIMP の最新の 2.8 系統は、日本語版のパッケージではいろいろと致命的な不具合があっていい評価が得られていない (たとえば、キーボード入力がショートカットとみ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ごりゅご.com
GitHub - k0kubun/md2key: Convert markdown to keynote
Sketch
19,800円が1,500円！シネマグラフ作成アプリ「Cinemagraph Pro」が92.5%オフで販売中｜男子ハック
