ドラッグ&ドロップでReact製のWEBアプリがつくれるReactStudioがやばい - Qiita
ReactStudioを使ったアプリの作り方はこちら React Studioを使ってQiitaの記事一覧アプリを作成してみる はじめに reactというとJSXの書き方、props、stateの挙動等を覚える必要があるため、 学習コストが割りと高めであったり、環境を構築するのに一手間かかったり等、 まだまだとっつきにくさが否めないライブラリです。 しかし、今回は、そんなReactをドラッグ&ドロップでアプリが 作れてしまうツールがあったので紹介したいと思います。 ※尚、Windowsはなく、Macのみで使用できるツールでございますので、予めご了承下さい。 公式サイト 公式サイトへのURLはこちら。 React Studio https://reactstudio.com/ ツールの使い方 ReactStudioでコンポーネントをデザインします。 その後、コードが自動生成されます。 無料で
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の
IrfanViewで複数画像を一括トリミング！同じ部分、同じサイズに | WordPressのアフィリエイトで稼ぐ人生を始める-サトシ
画像編集をする時、同じ部分、同じサイズで複数の画像をトリミングしたいことがあります。 例えば、デスクトップの一部分にフォーカスしたスクリーンショットで、ビフォーアフターの画像が必要とか。何かを説明しようとする時によくあるシーンですよね。 2枚、3枚程度なら、ひとつずつ手作業でトリミングしていってもそんなに手間ではないのですが、さすがに10枚とかになってくるとかなりしんどい作業になります。 そんな時に、IrfanView（イルファンビュー）を使って複数画像を一括でトリミングすると便利なので、そのやり方を説明していきます。 IrfanViewのDLはこちら →IrfanView 複数画像を同じ部分、同じサイズに一括トリミング！ まず、トリミングしたい画像を、すべて同じフォルダに入れておきます。 そのフォルダの中に、「トリミング済み」のフォルダを作っておきましょう。トリミングした画像はこちらに保
ページ内の全角英数文字を半角に置換するGoogle Chrome機能拡張「さよなら全角英数（goodbye "Zenkaku"）」 - ネタフル
ページ内の全角英数文字を半角に置換する「さよなら全角英数（goodbye “Zenkaku”）」というGoogle Chrome機能拡張が話題になっておりました。そうそう、新聞社のサイトとか、気になるんですよ、全角英数文字が！ これで、そんなイライラからも解放されますね。 「さよなら全角英数（goodbye “Zenkaku”）」を試してみた！ 使い方は簡単。 Google Chrome機能拡張「さよなら全角英数（goodbye “Zenkaku”）」をインストールするだけ、です。 これが‥‥ こうなります！ しかし、なぜあえて英数字が全角なのでしょうね。ワープロ時代の名残だったりするのでしょうか。 オプションでは、置換を行わないページやサイトの指定も可能です。 「さよなら全角英数（goodbye “Zenkaku”）」は無料のGoogle Chrome機能拡張です。
ワイヤーフレーム（モックアップ）を作るアプリがすごい進化してた | バニデザノート
ウェブサイトをデザインをするときに、ワイヤーフレームを作るのって 私にとっては「どこに何を置いて、どういう動きをするのか」というメモのようなもので。 手描きでレポート用紙に描いて、 スキャンしてプロジェクトフォルダへ入れておくことも多いのですが デザインの前に「こういう配置でいいですよね？」って共有したいとき 清書するアプリを時々探してしまうんですよね。まだしっくりくるものがなくて。 最近調べてすごいなーとおもったアプリや、無料でもざくざく使えそうなものまでご紹介。 Moqups Free Plan (offers 2 active projects and 5MB of storage) Monthly：Standard active project 10 で $9〜 ログインしなくても無料で組めます。 960gsグリッド表示可能です。 ほぼコンポーネント揃ってます。ほぼ装飾なしなステン
Sketchを買ったら読んでおきたい！基本的なことからちょっとした小技、ショートカットまとめ | Goodpatch Blog
つい最近までSketchは日本であまり知られておらず、日本語でSketchについて書いている記事はほとんどありませんでした。ところが5月7日にFireworksの開発終了が発表され、代替ツールとしてSketchの名前が急浮上。それに合わせたのかSketchが5月8日に半額セールを行い、Sketchについて書かれた記事やツイートも増えてきて、注目度の高まりが感じられます。とはいえ英語日本語問わず、Adobe製品に比べたら圧倒的に情報量が少ないSketch。Adobe製品と同じような機能やショートカットも多いですが、使いこなせるようになるまでは少し時間が掛かりそうです。Goodpatchでもマニュアルや記事を読みながら、隙間時間にSketchを触ってその機能を確かめています。というわけで今回は、Sketchの基本的な機能や、発見した小技、ショートカットなどをまとめてみました。 先日アップした「
四角の画像を一瞬で角丸にしてしまうMacアプリ「Kakumaru Punch」が鬼便利。 – 和洋風KAI
今まで、四角の画像を角丸にするって結構大変でした。 僕の場合、Photoshopで加工してましたが、「コピーを作って → 画像を統合して → シェイプで角丸のレイヤーつくって → 選択範囲を取得して → 統合した画像をその選択範囲で切り取る」という、大変めんどうなことをしていました。全行程5分くらいかかってたかも・・・。 しかし、今回ご紹介する「Kakumaru Punch」を使えば1秒、一瞬で美しい角丸画像がつくれます！これはやばい！ 画像をドラッグアンドドロップするだけで角丸画像がつくれる！ 「Kakumaru Punch」は、Gadget Girlのアプリのアイコン画像をドラッグ&ドロップで簡単に取得する方法の記事で知ることが出来ました。 Kakumaru Punch for Mac - Sheepapp まず「Kakumaru Punch」をダウンロードしましょう。無料です。 ダウ
全部無料！仕事の効率を上げるMacアプリ9選
ども、ゆうせいです。先日、作業効率を上げるショートカットについてご紹介しましたが、今回は「仕事の効率を上げる（効率化）Macアプリ」のお話です。 画像をサクッと編集するアプリ、文字入力が捗るアプリ、そして集中力を高めてくれるアプリなどなど、そんな感じのものを「無料」に絞ってご紹介します。 画像編集が捗るアプリ ほぼ劣化なしで軽量化「ImageOptim」 まず最初にご紹介するのは、ほぼ劣化なしで画像を軽量化するアプリ「ImageOptim」です。これは、画質はそのままで、容量を軽くしてくれるという大変ありがたいアプリです。 使い方は簡単。画像をドラッグ&ドロップするだけ。複数枚を一度にぶっこむことも可能です。 比較してみた 元画像：844KB （画像へのリンク） 「ImageOptim」で軽量化した画像：516KB （画像へのリンク） 40%近く軽量化できましたが、ほぼ劣化していないと言っ
高速データ視覚化ツール「Tableau(タブロー)」を使ってみた｜速く・安く データが”視える” - GiXo Ltd.
高速処理の視覚化ツール Tableauを紹介 弊社では、Tableauを主要な分析ツールの一つとして利用しています。2013年9月にITproの「記者の眼」の記事で弊社がTableauを使っている旨を紹介していただいたのを皮切りに、2014年3月には私がITpro内で連載させていただいた記事でもTableauの使い方を紹介してきました。また、この自社メディア内の記事でもTableauの利用について触れています。このようにTableauを利用しているということは折に触れて紹介していました。 しかしながら、この”使い勝手がよく”、”表現力に優れた”Tableauの機能や使い方の奥深さを詳細に紹介する機会を持てずにいました。 私自身、Tableauを日頃から利用し、その機能の詳細を紹介するに値する優れたツールだと感じていますので、今回から「Tableauを主役に据えて、Tableauの機能・使い
算数、数学の宿題を爆速で終わらせる「Microsoft Mathematics」を紹介する - しがない学生の雑記
こんばんは。艦これのメンテが伸びてしまったのでTwitterをダラダラ見ていたら、こんなソフトが紹介されていました。 Download Microsoft Mathematics 4.0 (英語) from Official Microsoft Download Center （英語）とか書かれていますけど、ページに行けば普通に日本語版がダウンロードできます。 試しに起動してみたんですが、こいつが相当にすごい。数学のソフトで無料のものと言ったら、自分が知ってるものではscilabとかfunctionViewとかぐらいしかなかったんですが、このMicrosoft Mathematicsは数学の宿題を消すために生まれてきたかのようなソフトです。 たとえば、とても簡単な例として、ｘを０～１で定積分を求めると、 こんな感じで回答が出るんですが、注目すべきはこの中央の「解法」ってところです。試しに押
【まとめ】GoogleタグマネージャとYahoo!タグマネージャーとを比較してみた - でぶててのWEB録
機能性の比較・・・とするサイトが一切なかったのでまとめてみました。 ※2014年５月現在のデータになります。 GoogleタグマネージャとYahoo!タグマネージャー Googleタグマネージャ(以下、GTM)とYahoo!タグマネージャー(以下、YTM)。 どちらがいい、というわけではなくどちらにも機能特長があるうえ、サイトとの相性がある。それらを踏まえた上で GTMだけ使うのか？ YTMだけ使うのか？ 両方とも使うのか？ 両方とも使わないのか？ ４つの選択肢から選び、使い分けていくことになる。 GTMとYTMを比較しよう！ 今回の比較表が、機能性のすべてを網羅しているわけではないです。 あくまで機能的にどういった違いがあるのか？をある程度把握できるようなものにしています。 何度もいいますが、どっちがいい！ってわけではないです。ほんとに。 ※デフォルトの機能での比較です。JSを使えばでき
iPhoneの画面をキャプチャして動画撮影する方法～ReflectorというPCツールを使って、非脱獄でも録画可能！～ | アプリアン！
This domain may be for sale!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ごりゅご.com
編集機能を備えた動画のGIFアニメ変換ソフト「動画 GIF 変換」NOT SUPPORTED
アドビシステムズ、デジタル広告ソリューション「Adobe Media Manager」の国内展開を発表 | Web担当者Forum
The Blog | Welcome to Adobe Blog
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
高機能オンラインフォトレタッチサービス“Pixlr”がローカルで利用できる「Pixlr」NOT SUPPORTED
TechCrunch | Startup and Technology News
