いまさらですが、増井雄一郎さんのメモ帳サービス「wri.pe」がすごい件 #HTML5 #プログラミング #wri.pe #markdown - CodeIQ Blog
CodeIQ中の人、babaQです。 ちょっと前になるのですが、コワーキングスペース茅場町 Co-Edo（コエド） で開催されたmasuidriveこと増井雄一郎さんのトークセッションに参加してきました。 HTML5を活用したメモ帳アプリ「wri.pe」誕生のきっかけ テーマは、増井さんが個人でつくった（とは思えない）メモ帳アプリ「wri.pe」 ゴールデンウィークを利用して、何かゴリゴリと作りたいと思い立ち、 1週間で「自分で使いたいものを作る！」と決めたのがきっかけなんだとか。 まず、浮かんだアイデアは2つ。 煩雑なメモをどうにかできるアプリと、未読のチャットを整理できるアプリ。 でも、1週間で開発するにはチャットはちょっと重い… ということで、メモアプリを作ることに決定。 まず最初に「メモアプリの課題」を整理したそうです。 - いつでも、どこでも使える（iPhone、iPadでも）
エキスパートが手がけたプロダクトを題材に技術的な解説を行っていくシリーズ連載、今回は wri.peです。 難しい機能の実装や、先進的なAPIの利用を通じて、執筆者が得たノウハウを余すところなく紹介していきます。 HTML5を活用したメモ帳アプリ [wri.pe] 最近、仕事で作っているミイルが忙しかったり、趣味で作っているMobiRubyがなかなか進まなかったりして、個人でWebサービス的なモノを作っていない事が自分としてちょっと気になっていました。 そこで息抜きとして、ゴールデンウイークに集中してWebサービスを一つ作ろう！と思い立ち、wri.peというWebサービスの開発に着手しました。 wri.peは自分が使いたいと思えるメモ帳を作ったので、下記の様な特徴を持っています。 Markdownフォーマットをサポート Gmailの様なアーカイブ機能 全文検索 カレンダーへのマッピング iP
誠に申し訳ございませんが、wri.peはサービスを終了いたしました。2023年末までデータのダウンロードが可能です。 現在、GitHubユーザのみデータのダウンロードができます。Facebookに関しては、ログイン処理ができない問題が発生しており、Facebook社に問い合わせ中です。この問題に詳しい方がいらっしゃいましたら、@masuidrive までご連絡ください。 これまでのご利用、合計2.6万人の皆様に30万ページでお使いいただき、心より感謝申し上げます。最後に、お気持ちをいただける方は、Amazonのウィッシュリスト から何かお選びいただければ幸いです。 We apologize for the inconvenience, but wri.pe has terminated its service. You can download your data until the en
HTML5でサイトを高速化─wri.peで学ぶ、イマドキのWebアプリの作りかた（後編） 増井 雄一郎（FrogApps, Inc.） 前回の記事では、 wri.peの紹介と、HTML5のApplication Cacheを使ったHTMLや画像などの読み込み高速化の話をしました。今回は、Web StorageのlocalStorage/sessionStorageを使い、Ajax通信部分と表示の高速化を行う手法を説明しましょう。 localStorageを用いた通信と表示の高速化 前回のApplication Cacheで、HTMLの読み込みが高速化されました。これでも十分速くはなったのですが、画面に全ての情報が表示されるまでには、ちょっと時間がかかります。 wri.peではメモの一覧や、メモ本体の読み込み・保存はXHR(XMLHttpRequestの略。Ajax通信で使うモジュール名)を
wri.peのソースコードを公開しました。
schooで授業もやるし、まぁ隠しておく意味もないかなーと思ってので、wri.peのソースを公開する事にしました。 https://github.com/masuidrive/open-wripe 全部公開しているので、キーを適切にセットすれば自分で動かす事ができます。 元々、公開するつもりでは無かったので、ソースは読みやすくはなっていません（汗 pull-requestを貰えれば取り込みなども行いますので、興味のある方は直接投げてもらうか、Twitter/Facebookなどで声をかけてください。 4/1からwri.peの作り方を解説する授業を4週間schooで行いますので、興味のある方は聞いて頂けるとうれしいです。 増井雄一郎の「wri.pe」を事例に学ぶ、自作サービスの作り方〜サービスデザイン編 増井 雄一郎 先生 – 無料動画学習｜schoo（スクー） Webサービスのつくり方
この1年間、ミイルとMobiRubyをコツコツと作っていて、個人としてWebサービス的なものを全く作っていなかったので、 気分転換 とRails4 + Ruby2.0のテストを兼ねて自分用に メモ帳サービス を作って wri.peとして公開しました。 私が使いたいメモ帳の要件は、こんな感じでした。 markdownをサポート gmailの様なアーカイブ機能 全文検索 カレンダーへのマッピング iPhone / iPadをサポート キーボードで操作ができる いままで色々なメモ帳サービスを使って見たのですが、どれもしっくりきませんでした。私はメモをtodo的に使うことが多いので、終わったタスクをアーカイブしたり、文章内に書いている日付でカレンダーに表示する機能は非常に欲しい機能でした。 「ないのなら作ってしまえ」ということでメモ帳アプリを作る事にしました。作りたいWebサービスには チャット
『Wri.pe』は、増井雄一郎氏が作ったオンラインメモ帳サービス 個人でメモ帳アプリ wri.pe リリースしてみました。にかかれていた要件は下記の通り markdownをサポート gmailの様なアーカイブ機能 全文検索 カレンダーへのマッピング iPhone / iPadをサポート キーボードで操作ができる Evernoteは、ドキュメントを作るというより本当に簡単なメモ帳を管理するサービスのため、Markdown記法に対応していない。 そのため、Dropbox内のファイルを閲覧・編集できるオンラインエディタ『Cirrus』でも紹介した通り、Dropbox+Ciirrusを使っていた。 だが、Dropbox自体ドキュメントを作るサービスではないため、しっくりきていなかった。 そんな私にピッタリのサービスだった！ どのメモ帳サービスにもしっくりこなかった人に是非使ってもらいたい。 ユーザ
個人的にもよく使っているwri.peがオープンソース化されました！Ruby on Railsで作られており、本家はHerokuで動作しているなど自前でWebベースのメモ環境を作るのがとても手軽になりそうです。 ということで早速触ってみましょう。Web APIのトークン設定をすればすぐに動かせます。 wri.peの使い方 トップページです。見たまま本家のwri.peそっくりです。 ログインしました。早速メモを作ってみましょう。 右側にプレビューもあって分かりやすいですね。 カレンダー。メモを作った日付が分かります。 検索はSolrを使っており日本語も対応しています。 バックアップはEvernote、Dropboxにできます。 殆どの機能がJSON出力に対応していたり、iCalでの出力や多数のWeb API、OAuth対応がされているなど今風のWebサービスを作るのに参考になる点が多いと思いま
最強エディタwri.peをOSXアプリ化しデスクトップに置いておく方法 - W&R : Jazzと読書の日々
いまや、たいていのことはWebアプリで出来るし、クラウドがデジタルライフの要になってきている。ただ、ブラウザ越しに使うとブラウザって邪魔なんですよ。締め切りの原稿を書いていたつもりが、いつの間にかYouTubeが開いていたりする。パズドラの攻略法を読んでいたりする。誰の仕業だ？！ インターネッツには悪しき力がうごめいています。 OS X Lionの『Automator』にデスクトップでWebアプリを開ける機能がビルトインされました！ : ライフハッカー［日本版］ Webアプリは便利で素晴らしいものですが、それだけに、ブラウザ無しで使えたらいいのに...と思うこともあります。OS X Lionの『Automator』には、なんとデスクトップのウィンドウでWebア... それで、wri.peのOSXアプリがあればと思っていたのですが、Automatorで自作できることに気づきました。覚え書きし
無料でどこからでもすぐシンプルに使えていつメモしたかがカレンダーですぐわかりショートカットキーで高速入力できる「wri.pe」
メモすることに集中できるようにできるだけシンプルでスマートな見た目を維持しつつ、何を書いたか思い出せなくてもカレンダーで探し出すことができ、さらにショートカットキーを駆使して素早くメモでき、加えてマークダウン記法で書式を整えることも可能、基本的にブラウザが使えればスマートフォンだろうがタブレットだろうがパソコンだろうがOKで、日々のバックアップはDropboxを使っているメモすることに特化した無料サービスが「wri.pe」です。 wri.pe - simple and smart notepad https://wri.pe/ これがトップ画面。 FacebookまたはGithubのアカウントからログインできます。今回はGithubのアカウントからログインしてみます、「Sign in with Github」をクリック。 「Authorize app」をクリックします。 初期状態はこんな感
万能メモ帳wri.peをiPhone/iPadのホーム画面に追加する方法 - W&R : Jazzと読書の日々
というか、これをすると「アプリ」になります。 wri.pe - simple and smart notepad wri.pe is a simple and smart web notepad.wri.pe is a simple and smart web notepad.Are you tired of c... こんなにハマるとは思いませんでした。でもこれ、一度使い始めるとEvernoteもSimplenoteも使わなくなってしまいます。オンラインメモはこれだけでいい。Textwellの保管庫として、カレンダーとして、ToDoリストとして活用しています。ほんと、ありがたい。 wri.peのカレンダーをiPhoneのカレンダーに登録する方法 で、今回手間取ったのは「ホーム画面に追加」。普通にwri.peを表示してホーム画面に追加すると、かっこいいオレンジ色のアイコンが出来上がります。
GitHub - masuidrive/open-wripe: https://wri.pe source code
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
遊びでマジメにwri.peを作る
20分版 講演資料
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
wri.peで学ぶ、イマドキのWebアプリの作りかた（前編）
wri.pe サービス終了のお知らせ / wri.pe Service Termination Notice
HTML5でサイトを高速化─wri.peで学ぶ、イマドキのWebアプリの作りかた（後編）
個人でメモ帳アプリ wri.pe リリースしてみました。
Markdownにも対応した国産オンラインメモ帳サービス『Wri.pe』
wri.pe - OSS化されたMarkdownベースのメモアプリケーション MOONGIFT