タグ

ブックマーク / ozpa-h4.com (25)

  • iOSのMarkdownテキストエディタ「1Writer」がとっても素晴らしかったので乗り換えた

    ブログを書くのも最近ではMarkdownを使っているわけなんですが、iOSでのMarkdownエディタですんごいご機嫌なやつを見つけました。 そんなわけで、日は1Writerと言うアプリをご紹介。 拡張キーボード、快適な動作、爆速プレビュー 以前はこの記事でもご紹介したとおりWriteと言うアプリを使用していたのですが、いつの頃からか操作がもっさりし出しまして。しょっちゅう固まるし、落ちてしまうこともしばしば。 なにより腹立たしいのがアプリを起動するとミュージックアプリが止まると言う謎仕様で、好きな音楽を聞きながらブログの下書きなんてこともできない。 そんなわけでiOSのMarkdownエディタを探していたところ、1Writerと言うアプリを見つけました。 1Writerを知った記事:[ポ] iPadiPhoneMarkdownを入力しやすい『1Writer』 – My cup of

    iOSのMarkdownテキストエディタ「1Writer」がとっても素晴らしかったので乗り換えた
  • [動画あり]快適な文字入力には絶対に欠かせないアプリ、TextExpanderで使用中のスニペットをまとめてみた #myTE

    TextExpanderとは? 文字入力補助ソフトのTextExpanderは、スニペットと呼ばれる省略形を打ち込むことでそれに対応する定型文を入力してくれると言うアプリです。 Dropboxを使用して他のMaciPhoneiPadなど、複数のデバイス間で定型文の同期ができるなど嬉しい機能満載で、これにより素早いキータイピングが可能になります。 また、「%|(スニペットを入力後カーソル位置を指定できる)」や「%clipboard(コピーした文章が入力される)」と言った予約語を使用することで、その使い勝手はさらにアップいたします。 TextExpanderに関しては@azur256 さんのブログ最近, 気になったこと…に超詳細な連載がされておりますのでご参考にどうぞ。 最近, 気になったこと…: TextExpanderの使い方[1] 〜基的な使い方〜 そんな、普段便利に使用しているT

    [動画あり]快適な文字入力には絶対に欠かせないアプリ、TextExpanderで使用中のスニペットをまとめてみた #myTE
  • Sublime Textのプラグイン「Goto CSS Declaration」が素晴らしく便利で泣けてきた

    今日も今日とてSublime Text 2にてコーディングをしているわけなんですが、@kojika17 先生(通称:まぼろしの神)からGoto CSS declarationと言うプラグインを教わって導入したところ、これが素晴らしく素晴らしいので素晴らしさをお伝えしようと思います。 rmaksim/Sublime-Text-2-Goto-CSS-Declaration どんなプラグインか こちらのGoto CSS declaration、どういったものかと言いますとhtmlのID、クラスにカーソルを合わせてキーを押すと該当のcssの編集箇所にカーソルが飛ぶと言うもの。嗚呼説明しづらい。 まぁプラグインのgithubに行ってもらえばそこにあるgif動画でどんなものか一目瞭然なのですが、私もgif作ってみました。 プラグインはPackage Control から「gotocssdeclarat

    Sublime Textのプラグイン「Goto CSS Declaration」が素晴らしく便利で泣けてきた
  • Webデザイナーな私のEvernoteの使い方(現状)

    Webコーダーとなって2年ちょい、最近ではデザイン業務もやらせていただいております@OZPA でございます。 日は、私がコーディング等のネタ帳として使用しているEvernoteのノートブックについて簡単にご紹介。 Evernoteにクリップしている情報 私が「業務に役立ちそうだな」とEvernoteに放り込んでいるのは jQueryプラグイン、テクニック CSSのテクニック アイコン・背景などの素材を紹介しているWebサイト といったところでございます。 それを全て1つのノート、「3001_ネタ帳(CSS,jQuery etc)」にまとめておるわけです。 Evernoteの名付け方に関してはこちらの記事をどうぞ こんな風にいつか業務で使えそうだな、と思ったスライダーなどのjQueryプラグインをメモったり… form周りで使えそうなjQueryに関する記事を取っておいたり… CSSのテク

    Webデザイナーな私のEvernoteの使い方(現状)
  • Chromeのブックマークがめちゃくちゃ便利になる機能拡張「DEWEY」に惚れた!!

    なんのかんのでメインブラウザをChromeにして久しいのですが、増えすぎて整理が追いつかず悩みの種だったブックマークをめちゃくちゃ使いやすくしてくれる拡張機能DEWEYを導入してみました。タグ付けめっちゃ捗るんですけど!! これはオススメだ! DLはこちら:Dewey. Better bookmarks for Google ChromeChromeのブックマークに「タグ付け」 この拡張機能は@Jacminik さんのツイートで知りました。アザマス!!ハヨザイマス!!! 今までずっと求めていたブックマークをタグで管理/検索出来る機能拡張がついに出た! [Link] Dewey. Better bookmarks for Google Chrome™ : http://t.co/XXtHz3H7Ag — masahiro k. (+Beans) (@Jacminik) 2014, 2

    Chromeのブックマークがめちゃくちゃ便利になる機能拡張「DEWEY」に惚れた!!
  • 新しい技術を覚えるにはやっぱり何かを作らないとダメなんだなぁ

    モノを作る側の人間としてみればこんな事言うまでも書くまでも無いのですが、最近改めて感じ入ったことなので自戒の念を込めてポストしておこうと思います。 とあるホームページ作った 最近、仕事とは別のところでWeb制作の依頼を受けまして、ホームページを作っておりました(もうすぐ公開)。きちんとした仕事ではなく(ちょっと語弊がありますが)、友人の始めるとある教室のサイトで、製作費は相場の数分の一。 「片手間で簡単なのを作ってほしい」 と言われ予算も全てを承知で始めたことなので、こちらとしてもそれほど凝ったことはせずにチャッチャッと仕上げる予定でした。予算に合わないことをすれば身が持ちません。 が。 作っているうちになんだか興が乗ってしまい、頼まれてもいないレスポンシブ対応をしてみたり、頼まれてもいないメールフォームを付けてみたり、頼まれてもい無いことのオンパレード。 膨らむ赤字。プライスレス。 ほと

    新しい技術を覚えるにはやっぱり何かを作らないとダメなんだなぁ
  • iPhoneのユーザ辞書にメールアドレスとか登録しておけば色々捗るのに

    この間、何かのサービスのユーザ登録をしようとしていた友人の手元を何気無く眺めていたら、ちまちまとメールアドレスを手打ちしているのを見かけました。 「そんなのユーザ辞書に登録しておけばすぐ呼び出せるのに…」 と言ったところ 「目から鱗です。あなたが神ですか」 「そうです」 みたいな会話があったので、スマホのユーザ辞書に登録しておくと色々捗る単語たちを並べておこうと思います。 とまあその前に、こちらが私のユーザ辞書の一部。iPhoneですと「設定→一般→キーボード」の中にあります。 住所、電話番号、メールアドレス なんやかんやとよく使うのが住所や電話番号、メールアドレスと言った情報。先のようになにかのユーザ登録をしたり、メールアドレスを使ってSNSにログインしたり(さすがにパスワードは1Passwordで管理してますが)。

    iPhoneのユーザ辞書にメールアドレスとか登録しておけば色々捗るのに
  • コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順

    なんだか、Web制作の際に起こる様々な面倒くさいタスクを自動化してくれるGruntというツールがあるらしく、私の周りのWebデザイナーさんやコーダーさんがこぞって導入されておりました。 はじめは「へぇ…あちきは別に興味ないからいいでありんすよ」と指をくわえて傍観していたのですが、便利便利の声を聞くにつれやっぱり羨ましくなってきました。だから導入した。使った。良かった。 そんな訳で今回は、Grunt.jsの導入から簡単な使い方までを紹介したいと思います。私のような黒い画面に抵抗を持っている初心者の方でも導入できるよう、コピペさえ出来ればGruntが使えるようになる記事にしてあるつもりです。 なお、今回導入した私のPC環境はOS X 10.9.1です。Windowsでの導入手順は今更だけどやるgrunt入門編・インストールから基的な使い方|WEB Drawerをご覧下さい。 Gruntで何が

    コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順
  • 今年買ってよかったなと思ったガジェットなどをまとめてみた

    年の瀬も押し迫って参りました。忙しい時期ですがこの師走感、嫌いじゃないです。 そんなわけで、締めくくるのにはまだ早いですが今年買ってよかったなと思うガジェットなどをまとめてみることにしました。 ScanSnap「iX500」 いきなり買ったものでなくモニターとして頂いたもので申し訳ないのですが、まずはScanSnap「iX500」。そう。スキャンする、やつです。 これを手に入れてからというもの、紙の書類をどんどんと電子化してiPadなどに放り込むようになり、手荷物が減りました。持っている書籍・漫画などもディスクカッター DC-210Nにてバシバシ裁断、自炊しております。 新型ScanSnap「iX500」レビュー|Wi-fiによるスキャンが可能、高速読み取りを実現。 ScanSnap「iX500」がパソコンとのWi-Fi接続を実現!より快適なスキャンライフを送れるようになったぞ!!

    今年買ってよかったなと思ったガジェットなどをまとめてみた
  • iPhone 5sには絶対入れよう!ライフログアプリ「ARGUS」がすんごい良かった

    モーションアクティビティを利用 こちらが起動画面。プロビーアクティブ。 まずはじめに、アプリを起動して30ステップ踏むことによりログが開始されます。このスクショを撮った際は松屋にいたところだったので無我夢中で振りました。我を忘れて振りました。 準備完了!歩数などの目標値を設定することもできるようです。 Facebookと連携すると名前などが自動で入力されます:) さぁそれでは内容を見ていきましょう! …!これは…! 画面を切り替えると、自動で取り込まれていく過去一週間分のログ。iPhone 5sの新機能、モーションアクティビティによって過去のステップ数が記録されているのです。嗚呼素晴らしき哉モーションアクティビティ。 それにしてもこのデザイン好きです。iPhoneの傾きに連動したお水。芸が細かい。 ARGUSでは上記の種類のログを記録する事ができます。睡眠記録はアプリ「Sleep Time

    iPhone 5sには絶対入れよう!ライフログアプリ「ARGUS」がすんごい良かった
  • GTD管理アプリ「Omnifocus」はMac版も購入したほうが良い理由

    さて、 「Mac版をもっと早く購入すれば良かったと後悔した」 と公開しましたが、なにもiPhone版とiPad版だけの運用でなにか困っていたり不便を感じていたわけではありません。 これまでは、 やりたい事、やるべき事、気になることを思いついたらサクっとiPhoneでInboxへ。 ちょいとした隙間時間やまとまった時間が取れたらiPadでレビューやタスクの整理 と言った感じでした。 特にiPad版のOmniFocusは出来が非常によろしく、iPhone版にはない「レビュー」機能によって抱えているプロジェクトやタスクを定期的に見直すことができ、グッとタスクの取りこぼしが減り、脳味噌のスッキリ感も増しました。 レビュー機能マジ天使。 で。 「わしにはiPhone版とiPad版のOmniFocusがあるけぇ、Mac版など必要ないけんのぅ」 などと思っていたのですが、まとまってMacを触れる時間があ

    GTD管理アプリ「Omnifocus」はMac版も購入したほうが良い理由
  • Macユーザの私がWeb制作を行う上で使用しているアプリ・ツール・サービス・ブックマークレットなどのまとめ

    昨年より、5年間やっていたDTPの部署からWeb制作の担当と相成った私。 正直、まだまだお勉強中のWeb制作なのですが、ちょいとここいらで今自分が使用しているアプリ・ツール・サービスなどをまとめておこうと思います。 デザインに使用しているアプリ まずはデザインに使用しているアプリ。 Adobe Photoshop・Illustrator デザインに使用しているのはAdobeのPhotoshopとIllustrator。(CS5) DTPのころから使っているので非常に慣れているのはいいのですが、おかげさまで新しい環境に飛び込む勇気がなく、いつか覚えようと思っているFireworksに手を出す時間がございません。 まぁそのうち…うん…。 どんな風にIllustratorやPhotoshopを使用しているのかは、以下の記事をごらんくだしあ。 これが出来れば中級者!Illustrator初心者のた

    Macユーザの私がWeb制作を行う上で使用しているアプリ・ツール・サービス・ブックマークレットなどのまとめ
  • Web上での写真管理を「Picasa」に任せることにした3つの理由

    先日、PENTAXのミラーレス一眼「PENTAX Q」を購入したわけなんですが、合わせて購入したのがWi-fi内蔵メモリーカードの「Eye-Fi」。 カメラの電源が入っている状態でWi-fiに接続していると撮影した写真をPCWebサービスにアップロードしてくれるシロモノ。で、このEye-Fiの購入を機に、ずっと見直そうと思っていた写真の管理をPicasaへ移行することにしました。 これまでの写真のゆくえ カメラを購入するまでは、全て写真はiPhoneでの撮影。それらの写真は一日ごとに「PictShare」を使用してEvernoteへ送信する、と言う方法をとってきました。 理由としては iPhoneで撮影した写真の保存は解像度にはこだわらない ログはことごとくEvernoteに残したい といった点が上げられるのですが、そろそろこのシステムが破綻しそうなのです。っていうかEvernoteにノ

    Web上での写真管理を「Picasa」に任せることにした3つの理由
  • 高機能テキストエディタ「Sublime Text 2」をDLしてみた&導入したプラグイン

    巷で話題フットーしそうだよぉ…と言うか話題沸騰しておりますテキストエディタ、「Sublime Text 2」。 Sublime Text: The text editor you’ll fall in love with あおり文句は「The text editor you’ll fall in love with」。 英検2級の私が全力で和訳してみたところ「このテキストエディタは愛欲が凄い」みたいな事だと思うのですが、何はともあれずっと気になっていたので先日ようやっとDLしてみました。 参考記事 DLに当たって参考にしましたのは以下の記事。なんだかとっても便利そうなにほひ。 Sublime Text 2ってエディタがすごくイイ。Dreamweaverから乗り換えた時の初期設定とか使い方とかをメモ | Mnemoniqs Web Designer Blog ”恋に落ちるエディタ”「Subl

    高機能テキストエディタ「Sublime Text 2」をDLしてみた&導入したプラグイン
  • 7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座

    HOME>jQuery>7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。(っていうかそんな偉そうなこと言える程修めてない

    7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座
  • [iPhone][app]写真アップローダー界の神アプリ「Pictshare」が複数サービス同時送信に対応、もはや死角無し!

    どうも、@OZPA です。 当ブログで何度も取り上げておりますのが、iPhone上の写真をFlickr、Dropbox、Evernoteなどのサービスに送信することのできるiPhoneアプリ、「PictShare」 関連:iPhoneアプリ「PictShare」が神アプリな4つの理由 アップデートの度に「神アプリ」だの「神アプデ」だの「暗黒神」だの言ってきましたが、この度行われたver.3.0のアップデートは、これまで自分が挙げていた「こうなったらいいなぁ・・・」が詰め込まれていた、これまた神アプデでございました。 もはや、死角、無し。 複数サービス同時送信、そして送信済み写真にチェックがついたぞ! 今までPictshareを使用していて「ここがこうなったらなあ・・・」と思っていたのが、サービスの同時送信が出来ればいいのになぁと言う点。 しかし、この度のアップデートにて「複数サービス同時送

    [iPhone][app]写真アップローダー界の神アプリ「Pictshare」が複数サービス同時送信に対応、もはや死角無し!
  • iPhoneアプリ「PictShare」が神アプリな4つの理由

    素晴らしいアプリのことを「神アプリ」と安直に言うのは嫌いなんです。なんか安っぽく聞こえるじゃないですか。 だがあえて言いましょう。PictShareは神アプリ。少なくとも、私にとっては。 Evernoteでログを漁ってみたところ、「PictShareすげえええ」と1月4日につぶやいておりました。 あの「そら案内」などで知られる@itok_twit さん作成の「PictShare」は、複数の写真を様々な写真共有サービスに簡単にアップロードできるアプリです。 PictShare – multiple photos uploader 1.4.1 iPhone、iPod touch および iPad 互換 iOS 4.0 以降が必要 カテゴリ: ソーシャルネットワーキング 価格: ¥230 更新: 2011/03/22 リリース後すぐに購入し、「すげえええ」とつぶやいているにも関わらず、なぜか私、

    iPhoneアプリ「PictShare」が神アプリな4つの理由
  • ようやくMacにパスワード管理ツール「1Password」を導入した

    これだけ個人情報だのなんだの世の中騒がしいというのにもかかわらず、私「パスワード」というものに結構無頓着でして。 どれくらい無頓着かというとWeb系のパスワードはすべて「ai-shinozaki-purunpurun」で統一していましたし、ブラウザの自動入力により、私のPC触った人ならTwitterだろうがFacebookだろうがDMMだろうが入りたい放題やりたい放題な危険性をはらんでいたわけなんです。(まぁ触らせないけど) さすがにそろそろきちんと個人情報は管理したい、それについてはやはりパスワード管理ツールの「1Password」の出番だろう、ということでようやっとMacアプリの1Passwordを購入いたしました。(iPhoneiPad版であるところの「1Password Pro」はセールの際に購入してた)

    ようやくMacにパスワード管理ツール「1Password」を導入した
  • Dropboxに連絡先のバックアップを取ってくれるiPhoneアプリ「連絡先バックアップ」にアラート機能が付いて素敵

    add+ress_book / Cansu Cender iPhoneの連絡先のバックアップに、Dropboxと同期して連絡先をバックアップしてくれるiPhoneアプリ、「連絡先バックアップ」を使用しているのですが、先日のアップデートでアラート機能が搭載されてすごく便利になりましたのでご紹介:) このiPhoneアプリ「連絡先バックアップ」は、ワンタッチでローカル+DropboxにiPhoneのアドレスブックのデータをバックアップしてくれるスグレモノ。 参考:iPhoneのアドレス帳をDropboxでバックアップ!「連絡先バックアップ」が超便利 使い方も非常にシンプルで、大事なアドレスのバックアップにずっと使っているのですが、この度アラート機能が搭載されました。 ご覧のように、しばらくバックアップを取っていないと通知センターをとおしてお知らせをしてくれます! 今までGTD管理ツールのOmn

    Dropboxに連絡先のバックアップを取ってくれるiPhoneアプリ「連絡先バックアップ」にアラート機能が付いて素敵
  • 余計なファイルを削除してMacの空き容量を確保しよう!ディスクスペースを可視化してくれるアプリ「DaisyDisk」がとにかくCOOLだ!

    かっこいいアプリがあるとついいついてしまうおつぱ( @OZPA )です。 さて、先日購入したMacBook Airの容量は128GBモデルであるために、快適な動作のためにも多少の余裕を持って運用をしたいと思っていた私。 そこで、Macの内蔵HDD(SSD)、および接続したディスクスペースのファイルをスキャン・解析して余計なファイルを削除してくれるアプリ「DaisyDisk」をDLしてみました。 なんやこれ…めっちゃかっこええやん…! ディスクスペースをちょーかっこよく可視化 まずは起動。HDDを選択して、Scanボタンをクリックすると… 選択したHDD内のファイルをスキャンし始めます。しばし待ちましょう。 すると、このような形でディスクスペースをカッチョ良い円グラフに仕上げてくれます! ふむ…今現在私のMBAはこんなファイル容量なのですな… 「ユーザ」ディレクトリでしめるファイルが多い、

    余計なファイルを削除してMacの空き容量を確保しよう!ディスクスペースを可視化してくれるアプリ「DaisyDisk」がとにかくCOOLだ!
    takasian_pride
    takasian_pride 2012/07/26
    入れてみたけどこれは便利だ