ドラッグ&ドロップでReact製のWEBアプリがつくれるReactStudioがやばい - Qiita
ReactStudioを使ったアプリの作り方はこちら React Studioを使ってQiitaの記事一覧アプリを作成してみる はじめに reactというとJSXの書き方、props、stateの挙動等を覚える必要があるため、 学習コストが割りと高めであったり、環境を構築するのに一手間かかったり等、 まだまだとっつきにくさが否めないライブラリです。 しかし、今回は、そんなReactをドラッグ&ドロップでアプリが 作れてしまうツールがあったので紹介したいと思います。 ※尚、Windowsはなく、Macのみで使用できるツールでございますので、予めご了承下さい。 公式サイト 公式サイトへのURLはこちら。 React Studio https://reactstudio.com/ ツールの使い方 ReactStudioでコンポーネントをデザインします。 その後、コードが自動生成されます。 無料で
個人的Sketch.appでイライラしないための設定やTips - Qiita
Sketch、便利ですよね。 まぁ僕はPhotoshopの方が好きで、普段はできるだけフォトショを使うんですけど。 でもSketchを使わなければならない局面(案件)、ありますよね。めっちゃ量産が必要とか、なんかよく分からんけど「これからはSketchでしょ！」と言われて、とか…。 本記事はSketchを使うとイライラしてしょうがない、みたいな人向けの、設定方法や使い方のメモです。 ちなみに、本記事執筆時点のSketchのバージョンは3.8.2です。 まず設定 まずはSketch Toolboxをインストールする Sketch Toolbox - A super simple plugin manager for Sketch Sketch Toolboxは、Sketchのプラグインを一括管理できるMacアプリです。プラグインのインストールやアンインストールが簡単にできるようになるので、オ
MacアプリのRetina対応アイコン(*.icns)を作成する方法 | DOTAPON Blog
Macアプリも、Retinaアイコンを用意しないとリジェクトされるようになりました。 これは 512×512 の @2x, つまり 1024×1024 の画像を用意しなければならないということで、既にアイコンじゃないだろう…なんて話は置いておきまして。 しばらく触らないうちに色々勝手が変わっていたので、今回はRetina対応アイコンの作り方をメモしておきます。 Icon Composer はもう古い 以前は Icon Composer というツールがXcodeに付属していて、GUIで簡単に作成できました。 が、今は付属していません。 Xcodeのメニュー「Xcode > Open Developer Tool > More Developer Tools…」から「Graphics Tools for Xcode」を選べばダウンロードできますが、512@2xのサイズに対応していないので
美しい日本語フォントの組み合わせ！「AcuCaseProject」がすごい！ | co-jin
美しい日本語フォントの組み合わせで、少ないフォントでも、より美しい日本語デザインを実現できる素晴らしプロジェクトをご紹介します。 日本語で美しいフォントを取り揃えようと思うと、MORISAWA PASSPORTなどをはじめとした有料ライセンス契約を結ばなければなりません。だた、高額であるため、仕方なく少ない手持ちフォントを駆使してデザインを行っている方も多いでしょう。 Adobe製品を使っている場合は、最初から「ヒラギノ」や「小塚」といったプロユースのフォントが入っていることから、これらのフォントを使用する頻度も高いと思います。 しかし、「ヒラギノ」も「小塚」も、クセのあるフォントであるため、単体で使っていると「どうもしっくりこない」というご経験があると思います。 ところが、手持ちの少ないフォントでも、より美しい文字デザインを実現できる、日本語フォントの組み合わせを提唱してくれているプロジ
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
Origami - Design prototyping with Quartz Composer
Most designers today create static mockups to communicate app ideas. But increasingly apps are anything but static, which means as designers we need a better tool for interaction design. Origami is a free toolkit for Quartz Composer—created by the Facebook Design team—that makes interactive design prototyping easy and doesn’t require programming. Quartz Composer is a freely-available Mac OS X appl
Top 50 Free Web UI Kits & Templates – Speckyboy
Web UI kits are pre-designed collections of user interface components that can help you save time and streamline your design process. These kits typically include common design elements such as buttons, menus, forms, and icons. Rather than starting from scratch, you can use a UI kit as a foundation for a design and customize it to fit your specific project requirements. This can be especially usef
UIKitにインスパイアされたTwitter社製のUIフレームワーク·TwUI MOONGIFT
TwUIはTwitter社が開発しているGPUなどを使ったUIフレームワーク。 TwUIはMac OSX用のオープンソース・ソフトウェア。OSには大抵デフォルトで用意されているコンポーネントがあり、それを使うことでアプリケーションの開発を手軽にできるようにしている。だが、その枠内だけで十分かと言われるとそうでもない。 サンプルアプリ もっと複雑な描画をしたい、もっと高速化したいといったことを考えると標準の枠では収まらない新しい一手を考えなければならない。Twitterでさえそうだ。その実験モデルがTwUIになる。 TwUIは現在リリースされているTwitter for Mac OSXではない、次世代のTwitterクライアントに投入されるであろう技術のモックアップだ。起動するとテーブルビューが表示され、ウィンドウ下にツールバーが出る。iOS向けなどでよく知られるTwitterクライアント風
作った色を保存しておけるシンプルなツール - iColors - sta la sta
fadingred.org - fadingred リソースおよび情報 Webサイトのカラーデザインを考えるときなどに便利そうなシンプルツールのご紹介。 こちらのiColorsは、カラーコードやカラーピッカーから作った色をじゃんじゃん保存していくだけのツール。物凄くシンプルで分かりやすい。 適当に16進数の値を入れてみて気に入った色ができたら保存してみたり、カラーピッカー（ウィンドウの色パネルをクリックすると表示される）で既に作った色と合いそうな色を探してみたり、シンプルだからこそ使い方はいくらでもありそう。 作った色は「Save」ボタンで右のウィンドウに保存される。これらの色はドラッグして順番を入れ替えることができるので、どの色同士を組み合わせるのが適当かを確認するのも簡単。 今までは作った色のパターンを記録しておくための良い方法を知らなかったので、こういうシンプルツールがあると
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sketch
PhotoShopでMacOSX風アクアな文字をデザインするチュートリアル:phpspot開発日誌