自分でもびっくりしてるいぬさん僕はフリーランスをしながら脱受託を目指してアプリを作って生活しています。だいたい1年のうち7割ぐらいをアプリ作りの時間に充てています。本稿では、Inkdropというマルチプラットフォーム対応のMarkdownエディタを一人で開発して月15万円の売上を達成するまでにやった事を包み隠さずにシェアしたいと思います。 Inkdropの月間売上の推移やったこと概要毎日感じるちょっとした問題を見つける自分自身がこれだ！と思えるまでプロトタイプを作るプライベートβ期間でヘビーユーザを作る継続性を重視して価格をつける決済処理はStripeで楽に実装する良いランディングページを作るユーザサポートを最優先にする自分の得た知見を惜しまずブログに書くクオリティで勝負する批判を全て無視する毎日感じるちょっとした問題を見つける僕は別に特別でもなんでもありません。人は意外と同じ事を感じたり
つい先日、とあるシステムの処理の流れと一部処理のフローチャートを付けた見積り資料を書くことになり、ちょうど良い機会だったので、MarkdownでUML図表が描ける「StackEdit」を使って、オールMarkdownで資料を作成してみた。 いやぁ、打ち込んだテキストがリアルタイムに図表化されていく様は、とても新鮮で、そしてすごく面白かった。資料が出来上がった後の達成感というか、完成した図表を見た時の感動が結構はんぱない。技術系の資料作成でこんな良い体験ができたのは初めてかもしれんな…(笑) ──と、結構感動的な体験ができるMarkdownでのUML図表作成なんだが、せっかくなのでそれの書き方を含めてもう少し突っ込んだTIPSとしてまとめておこうかと思った次第。 Markdown+UML とは？ とりあえず、「Markdown+UML」というのは私の造語だ。まぁ、正確に言うなら「UML di
最近いろんなWebサービスで Markdown（マークダウン）で内容を書くことが増えたのですが、これがすごく便利。 WordPress であれば Jetpack（2.8 以降）を使えば容易に実装可能です。 使い方 まずはJetpackをインストール、WordPress.comアカウントとの連携をしておきます。 あとはJetpackの設定ページから Markdown モジュールを有効化するだけです。 http://jetpack.me/ http://jetpack.me/support/markdown/ コメント欄で使いたい場合は設定 → ディスカッションから設定します。 カスタム投稿タイプでも Markdown を使いたい場合は以下のコードを functions.php に記述してください。 （コード内の POST_TYPE を適用したいカスタム投稿タイプ名にし、複数ある場合はその分増
ブログにお手軽に表を挿入したい！という方向けのツールとして、こちらで「Excel to Html」というサービスが紹介されていました。 Excelで作成した表をコピーアンドペーストして変換ボタンをクリックするだけでHTMLに変換してくれます。 こりゃ便利！と思いましたが、私はMarkdown記法を使っています。MarkdownはHTMLを併記できるので使えないことはないんですが、できれば表もMarkdown記法で書いておきたい。 そこで探してみると、「Excel（もしくはGoogleスプレッドシート）の表 to Markdown（だけじゃなくてHTML、テキスト、LaTex）の表」なサービスを見つけたので紹介します！ Tables Generator はてなブックマーク数からわかるように、知る人ぞ知る便利サービスのようですね。 表の作り方はいくつかありますが、ここでは一番お手軽な「既存の表
自分で集積したメモを公開したいと考えることは多々あります。個人的にはDropboxでメモってあって、必要に応じてGistなどで公開しています。ただしこれではデータの一元管理上、都合が悪いこともあります。 Filydocの作者も同じ思いがあったようで、ローカルで書いたMarkdownのメモを公開する手段としてFilydocを作り上げたとのことです。PHP製なので、レンタルサーバでも十分動作します。 Filydocの使い方 FilydocはMarkdownファイルの入ったフォルダをアップロードするだけで運用できます。システム的にはPHP×AngularJSという組み合わせで開発されています。シンプルなシステムなので見た目の動作などでも参考になる部分がありそうですね。 FilydocはPHP製、MIT Licenseのオープンソース・ソフトウェアです。 Filydoc：技術メモを公開するための何
Filydoc というものを作りました 公開場所 GitHub：https://github.com/kobake/filydoc デモサイト：Filydoc 実用(?)サイト：clock-up-memo 特徴 シンプルに Markdown ファイルを公開するためだけの Web フレームワーク フォルダ分けすると、それがそのままツリー構造として公開される アイテムの順番は名前順になるのでファイル名をうまく付けて運用 PHP 駆動なので、フツーのレンタルサーバで動く (しかし実は全文検索で grep 呼んでるので、ここは環境依存かも。さくらのレンタルサーバでは動いた) 使い方 Filydoc の zip か tgz を http://filydoc.net/ から入手、解凍。 data フォルダ内の .md ファイルを編集。書式は Markdown。 必要に応じてファイル増やしたりフォルダ増
iPhone上で論文や本だって執筆する…。ちょっと前なら「そんな無茶な」と言われていたことが、アプリや周辺サービスの充実で当たり前にできるようになってきました。 その一つの鍵となったのがDropbox やiCloudとの連携です。ユーザーの側でまったく意識することなく文書が同期される仕組みがあるおかげで、iPhoneで編集した文章をパソコンで清書ということが楽にできるようになったわけです。 もうひとつの鍵は、しだいにサポートされるようになったリッチテキストの扱いです。いまではEvernoteでもリッチテキストを扱えますし、Markdown書法経由で楽にリッチテキストを書くアプリも増えました。 そのなかでも群を抜いた高機能とUIの美しさを誇るアプリが Write です。Markdownの扱い、DropboxやiCloudとの連携、他サービスへの共有方法の数の多さなど、総合力が高い一方でこれま
If you need to convert files from one markup format into another, pandoc is your swiss-army knife. Pandoc can convert between the following formats: (← = conversion from; → = conversion to; ↔︎ = conversion from and to) Lightweight markup formats ↔︎ Markdown (including CommonMark and GitHub-flavored Markdown) ↔︎ reStructuredText → AsciiDoc ↔︎ Emacs Org-Mode ↔︎ Emacs Muse ↔︎ Textile → Markua ← txt2t
個人的に気になった物だけ抜粋。 段落と改行 1行以上の空行で挟まれた範囲が段落になる 段落内で改行したい場合、行末に2つ以上の半角スペースをつける Markdown記法 段落途中の改行は → ← 無視される。 行末に半角スペースを2個以上入れると → ← 改行になる。 実際の表示 段落途中の改行は → ← 無視される。 行末に半角スペースを2個以上入れると → ← 改行になる。 見出し 行頭に最大6個の「#」をつける 見やすさのため、行末に「#」をつけても良い Markdown記法 # 見出し1 ################################# ## 見出し2 ### 見出し3 #### 見出し4 実際の表示 見出し1 見出し2 見出し3 見出し4 箇条書き 行頭に「*」をつけると箇条書きになる 「*」の直後に半角スペースかタブが必要 箇条書きの前後に空行が必要 階層は半
オンカジ誕生 オンラインカジノ（オンカジ）は、インターネットの普及と技術の進歩に伴い、近年急速に発展してきたエンターテインメントの一つです。その誕生にはいくつかの要因が影響しており、オンカジがどのようにして誕生し、成長してきたのかを見てみましょう。 まず、オンカジが誕生した背景には、テクノロジーの進歩が挙げられます。特にインターネットの普及が大きな要因となりました。1990年代後半から2000年代初頭にかけて、高速なインターネット接続が普及し、多くの家庭や企業がオンライン空間にアクセスできるようになりました。これにより、カジノゲームをオンラインで提供することが可能となり、多くのギャンブラーがその魅力に引かれるようになりました。 また、法的な枠組みの整備もオンカジの成長に寄与しました。一部の国ではオンラインギャンブルに関する法律が整備され、ライセンスを取得した運営業者が合法的にサービスを提供
Bootstrap向けのMarkdownエディタを実装出来る、というスクリプトのご紹介です。Markdown対応のエディタで、タグ保管機能も付いています。なかなか良さそうです。 Twitter Bootstrap向けのMarkdownエディタを実装出来るスクリプト・Bootstrap Markdownです。実装も楽なので覚えて置いて損は無いかも。 Boostrapに設置可能なMarkdownエディタです。シンプルで使いやすい印象でした。 <textarea name="content" data-provide="markdown" rows="10"></textarea> textareaにカスタムデータ属性を与えればいいみたいです。 <div data-provide="markdown-editable"> <h3>foo</h3> <p>bar hoge fuga</p> </d
読み書きしやすいテキストを構造化された文書に変換するためのフォーマットであるMarkdown記法について学びます。
本日、はてなブログはMarkdown記法に対応しました。GitHubなどで採用されているMarkdown記法を利用して、ブログ記事を書くことができます。 ブログの基本設定で、編集モードとしてこれまでの「見たままモード」と「はてな記法モード」に加えて「Markdownモード」を選択できます。新規の記事をMarkdown記法で記述でき、一部「GitHub Flavored Markdown」にも対応しています。 さらに、はてな記法のうちfotolife記法などの「自動リンク記法」が利用できます。画像や商品は、これまで通りの記法で手軽に貼り付けることができます。 なお、すでに掲載している記事をMarkdown記法で編集し直すことはできません（これまでの動作と同じように、編集モードの切り替えは、これから書き始める記事に対して有効です）。 はてなブログは「書く人」のためのブログとして、書きたいことを
http://d.hatena.ne.jp/tokuhirom/20110710/1310303859 でAmon2::Liteが出てきて、Mojolicious::Liteのようにアプリが書けるようになったので、 Mojolicious::Liteを使ってMarkdownをリアルタイムプレビューしてみた - アリ 昨日のリアルタイムプレビューは... - アリ リアルタイムプレビューしたい - アリ これと同じものもAmon2::Liteで同じように簡単に書けるようになったはず、ということで練習がてら書いてみた。 #!/usr/bin/env plackup use strict; use warnings; use Amon2::Lite; use Encode 'encode_utf8'; use Text::Markdown 'markdown'; use Text::Xatena
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
