ReactStudioを使ったアプリの作り方はこちら React Studioを使ってQiitaの記事一覧アプリを作成してみる はじめに reactというとJSXの書き方、props、stateの挙動等を覚える必要があるため、 学習コストが割りと高めであったり、環境を構築するのに一手間かかったり等、 まだまだとっつきにくさが否めないライブラリです。 しかし、今回は、そんなReactをドラッグ&ドロップでアプリが 作れてしまうツールがあったので紹介したいと思います。 ※尚、Windowsはなく、Macのみで使用できるツールでございますので、予めご了承下さい。 公式サイト 公式サイトへのURLはこちら。 React Studio https://reactstudio.com/ ツールの使い方 ReactStudioでコンポーネントをデザインします。 その後、コードが自動生成されます。 無料で
最近はamazonでのwindow?ショッピングと作業効率アプリの探索がもっぱらの人生の楽しみな僕ですが,いままでMacを数年使ってきたなかで「これ使えるじゃん!」と思った作業効率アプリをメモ書き程度に書いておきます. Pocketを追加しました (2017/04/07) Pocket 「あとで読みたい!」と思った記事をワンクリックで登録出来るアプリ Mac版アプリ,iPhone版アプリとChrome拡張がなんでもあるため,あとで読みたいと思った記事をすぐに保存できる 情報収集にめちゃくちゃ便利 SourceTree いわずと知れたgit管理用のGUI tool. GUI上でfetch, pull, pushなどの基本コマンドが打ててdiffも非常に見やすい. CUIもいいですが,それと同時にSourceTreeも使い始めると止められません. CotEditor ちょっとしたメモに最適なE
Homebrewでインストールしたパッケージの管理をする Homebrew-file の使い方です。今はもう使えないbrew bundleの代わりに使ってますがとても便利です。 事前準備 GitHubにBrewfileという名前のリポジトリを作ります。 Homebrew-fileのインストール インストールには次のコマンドを実行します。 $ brew tap rcmdnk/file $ brew install brew-file または $ brew install rcmdnk/file/brew-file # tapとinstallを同時にしてくれる brew tapしたリポジトリは以下で確認できます。 $ ls /usr/local/Library/Taps/ caskroom homebrew rcmdnk sanemat リポジトリの登録 インストールできたら最初に作成したB
Macで複数バージョンのJavaをインストールして切り替える方法です。ちょっとわかりにくかったので調べて試した事をまとめておきます。 Javaのダウンロードとインストール Oracleのホームページからダウンロードしてもいいんですが、面倒なので brew cask と brew-versions を使用します。 $ brew cask search java ==> Exact match java ==> Partial matches eclipse-java java6 java7 javafx-scene-builder yourkit-java-profiler $ brew cask install java7 ==> Caveats This Cask makes minor modifications to the JRE to prevent any packaged
複数人数で開発を行っている場合、新しい人が参加した時にこのアプリだけは入れておいてね!!ってことはありますよね? 大体の場合はwikiとかにさらっと みたいなこと書かれてると思いますが これがいっぱいあると ダルいしメンテナンスかったるい。。。 のでosxで一般的になってるhomebrewの拡張homebrew-caskを使用して コマンド一発で開発に必要なアプリインストールできるよ!!ってできることがわかったのでメモ homebrewのパッケージをGemfileみたく管理したい -> brewdlerがあった…で存在を知ったので感謝感謝 ※brewdlerは今Homebrew/homebrew-bundleになっています 環境 macosx10.8(ホストOS) 参考にしたサイト homebrewのパッケージをGemfileみたく管理したい -> brewdlerがあった… homebr
カテゴリ:仕事効率化ユーティリティ 現在の価格: 無料 販売元: Shiny Frog di Matteo Rattotti e C. S.N.C. 対応OS:10.10以降 Markdown記法で編集ができるノートパッドアプリ。 The・Macアプリって感じで美しいインターフェースですし、ノートに付けることができるタグの機能がとても使いやすく、非の付けどころがありません。 Macと iOSアプリ が用意されておりスタンドアロンの利用ならば無料。 それぞれのクライアントでデータを同期したいならば月・年額課金が必要です。 Markdown記法でメモを取ると、「Rich preview」という見易い見た目に変換されます。 画像を貼りたい場合はウィンドウへドラッグ&ドロップするだけで済みます。 ノートへのリンクも取得できるので、ノートからノートへのリンクも貼り放題ですし、URLスキーム形式なので
プログラマ向けノートアプリQuiverが素晴らしい(Mac用アプリ)Markdownをサポートしたメモアプリは数多くありますが、技術系のメモやスニペットを書き溜めるのに適したものはそれほど多くありません。 個人的な要件としては、 データフォーマットがオープンで好みのクラウドサービスで同期できることMarkdown(GFM)を扱えてプレビューできることコードの取り扱いが簡単なこと(できればシンタクスハイライトも)ファイルを意識しないで使えること(ファイル名を考えたりしなくて良い。オートセーブされる)ノートブック、タグなどでノートを整理・分類できることぐらいなのですが、すべてを満たしたアプリをなかなか見つけられず、Day OneやUlysses、Kobitoなどを併用して凌いでいましたが、最近、知ったQuiverというアプリがこれらの要件をすべて満たしており、これに一本化することに。 あまりに
はじめに 最近Electronを使った最強のTwitterアプリとかが話題ですが、みなさんアイコンのデザインとかどうしてますか? UIはともかくとして、Dockにブチ込めるいい感じのアイコンデザインちょっと面倒くさい……。 そんな人のためにこんなツールを作ってみました。 Yosemite風アイコンジェネレーター http://ls8h.com/yosemite-icon/ API 使い方としては2通り用意しました。 まず、アイコンジェネレータのページから直接マウスやペンタブなどで普通に書いてみる方法。 もう一つは、APIです。 ここはQiitaですので、とりあえずkobitoのアプリアイコンを元にAPIを使って自動生成してみたいと思います。 まずは元となるアイコンを用意します。 大きいですね。1024*1024のサイズで作っています。 Dockにあるアイコンを参考に、マークをいい感じの大き
概要 Electronとは、JavaScriptでデスクトップアプリケーションが作成できるツールです。 MITライセンスなので無料で使える上に商用利用も可能です。 最近ではAtomやSlackのアプリもElectronで作られたとのこと。 今かなりノっているツールの1つです。 以下、簡単な特徴。 Node.js + HTML + CSS という、WEBの技術でアプリが作れる。 Chromiumブラウザ(Chromeのオープンソース版)を内蔵しているので、普段の書き味と変わらない これ1つで Windows, Mac, Linux 向けのアプリが作れる 超簡単 ここではElectronのインストールからアプリの配布までを紹介します。 以下、「Hello World」を出すだけのアプリですが、ゼロからはじめて30分でここまで出来ます。 インストール まずは必要なものをインストール。 nodeの
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
Markdown形式のテーブル記法をいつまでたってもうろ覚えで、毎回検索したり、変換サイトにアクセスするのが面倒だったのでツールをつくりました。嘘です。Go書きたかっただけです。 使い方 CSVテキストを標準入力から受け取って整形済みのMarkdown形式テーブルを出力します。 $ mdt < hoge.csv | headerA | headerB | | ------- | ---------------------- | | short | very very long content | 連携 コマンドラインツールなので、pbpasteやAutomatorと組み合わせて好きなように使えます。 以下は、Automatorのサービスとして登録したmdtをGitHubのIssue作成時に呼び出している様子です。 便利っぽい。 機能 CSV/TSVに対応 タブ区切りにも対応しているのでエク
実に軽量、サクサクで動作します。↓↓ Atomで書いたMarkdownをHTMLで出力する方法。 Markdownプレビューを右クリックすることで、HTMLを出力することが可能です。 Copy As HTMLだと、Markdownで書いた文章のみをHTMLで出力します。 Save As HTMLだと、プレビューのままのスタイルシートを内包したHTMLファイルを出力できます。↓↓ AtomならMarkdownがスラスラ書ける! @isloopをフォローする いやーさすがGithub開発のエディタですね。 実に気持ちよく、Markdownをサクサクにガシガシ書けてしまいます。 これからReadMeはAtomで書くとしよう。 【関連】きけ!おまえら!おれは今からCotEditorというテキストエディタを全力で褒める! 【関連】【厳選】入れておくと確実にMacが便利になるアプリ10個 【関連】【M
これは捗る!右クリックから「◯項目の名前を変更」を選択!連番付きのリネームも簡単!OS X Yosemiteから複数のファイル名変更が超簡単になりました!これまでは、専用アプリ(Shupapanなど)やAutomatorを利用している人が多かったと思いますがもう必要ないかもしれないですよ! 右クリックで表示されるメニュー(コンテクストメニュー)の「◯項目の名前を変更」を選択するだけで、複数ファイルの名前を一括で変更(リネーム)することができるようになりました。 ファイル名の変更は「テキストを置き換える」「テキストを追加」「フォーマット」の3種類を選択可能です。 「テキストを置き換える」は、検索した文字列と置換する文字列を指定して一括変更。「テキストを追加」はファイル名の前後どちらかを指定して、テキストを追加できます。 一番自由度が高いのが「フォーマット」です。ファイル名を指定して、連番をフ
今まで、四角の画像を角丸にするって結構大変でした。 僕の場合、Photoshopで加工してましたが、「コピーを作って → 画像を統合して → シェイプで角丸のレイヤーつくって → 選択範囲を取得して → 統合した画像をその選択範囲で切り取る」という、大変めんどうなことをしていました。全行程5分くらいかかってたかも・・・。 しかし、今回ご紹介する「Kakumaru Punch」を使えば1秒、一瞬で美しい角丸画像がつくれます!これはやばい! 画像をドラッグアンドドロップするだけで角丸画像がつくれる! 「Kakumaru Punch」は、Gadget Girlのアプリのアイコン画像をドラッグ&ドロップで簡単に取得する方法の記事で知ることが出来ました。 Kakumaru Punch for Mac - Sheepapp まず「Kakumaru Punch」をダウンロードしましょう。無料です。 ダウ
美しい日本語フォントの組み合わせで、少ないフォントでも、より美しい日本語デザインを実現できる素晴らしプロジェクトをご紹介します。 日本語で美しいフォントを取り揃えようと思うと、MORISAWA PASSPORTなどをはじめとした有料ライセンス契約を結ばなければなりません。だた、高額であるため、仕方なく少ない手持ちフォントを駆使してデザインを行っている方も多いでしょう。 Adobe製品を使っている場合は、最初から「ヒラギノ」や「小塚」といったプロユースのフォントが入っていることから、これらのフォントを使用する頻度も高いと思います。 しかし、「ヒラギノ」も「小塚」も、クセのあるフォントであるため、単体で使っていると「どうもしっくりこない」というご経験があると思います。 ところが、手持ちの少ないフォントでも、より美しい文字デザインを実現できる、日本語フォントの組み合わせを提唱してくれているプロジ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く