Markdownエディタを作って月15万円稼ぐためにやったこと — Inkdrop
自分でもびっくりしてるいぬさん僕はフリーランスをしながら脱受託を目指してアプリを作って生活しています。だいたい1年のうち7割ぐらいをアプリ作りの時間に充てています。本稿では、Inkdropというマルチプラットフォーム対応のMarkdownエディタを一人で開発して月15万円の売上を達成するまでにやった事を包み隠さずにシェアしたいと思います。 Inkdropの月間売上の推移やったこと概要毎日感じるちょっとした問題を見つける自分自身がこれだ！と思えるまでプロトタイプを作るプライベートβ期間でヘビーユーザを作る継続性を重視して価格をつける決済処理はStripeで楽に実装する良いランディングページを作るユーザサポートを最優先にする自分の得た知見を惜しまずブログに書くクオリティで勝負する批判を全て無視する毎日感じるちょっとした問題を見つける僕は別に特別でもなんでもありません。人は意外と同じ事を感じたり
AtomエディタのMarkdown PreviewのCSSを実務書類的に調整する | 大石制作ブログ
大石制作ブログblog.s004.com デザイナー大石真也が 知りたかったこと、見たかったことのメモと、仕事紹介。 自己紹介・サイト説明依頼・価格・お問合せタスク管理パートナーtwitterfacebookatom feed Atomエディタ、すっかり使いやすくなりましたね。 出始めのころは動作が重く、使い物にならないと感じてたけど、しばらく経って入れなおしてみると、凄まじい進化をして、当時Sublime Textを使っていた僕も乗り換え不可避でした(笑) そのAtomエディタのならではの標準プラグイン、Markdown Previewの表示のスタイルは、元々GitHub的スタイルなだけあって、そのままでも本当に美しいです。 だけど、これは完全にパソコンスクリーン表示向け、そして半角文字向けの見た目なので、それを印刷やPDF化したり、プロジェクタで映す場合、ちょっと見辛い上、日本語が主体
オンラインで利用できるフリーのMarkdownエディタ10まとめ – yutarofuji
マークダウン記法を使う人にとってエディタは重要ですが、今回はオンラインで利用できるマークダウンを紹介したいと思います。 StackEdit StackEditはフリーで利用できるMarkdownエディタです。特徴としてDropboxやGoogle Driveなどクラウドストレージを利用してファイルを読み込むことができます。見た目もシンプルで高機能です。 Dillinger Markable このMarkdownエディタはDropboxやGoogle Driveなどのクラウドストレージとの連携はもちろんのこと、GitHubとも連携することができるエディタです。また、HTMLやPDFに書き出したりすることが可能なエディタです。 Online Markdown Editor Markdown Journal Dingus Markdown-Editor (GitHub-Flavored) Mar
StackEdit – In-browser Markdown editor
Rich Markdown editor StackEdit’s Markdown syntax highlighting is unique. The refined text formatting of the editor helps you visualize the final rendering of your files. WYSIWYG controls StackEdit provides very handy formatting buttons and shortcuts, thanks to PageDown, the WYSIWYG-style Markdown editor used by Stack Overflow. Smart layout Whether you write, you review, you comment… StackEdit's la
Excel方眼紙を支える技術2016 - Qiita
POIを使ったExcel帳票の出力は、システムエンジニアにとっては日常茶飯事、おちゃのこサイサイであります。 takezoen先生による2015年版はこちらになります。 ここで紹介されている、S式からExcel方眼紙を出力するライブラリaxebomber-cljは、こちらをご覧ください。 特筆すべきはaxebomber-cljでは、Excelにありがちな文字切れが起こらないというところです。そもそもExcel方眼紙は、入力文字列が自動改行されない制約を設けて、利用者が意図的な位置で改行をコントロールするために発明されたフォーマットであります。しかし、その特異な見た目が災いし、単に敬遠される存在にとどまっております。axebomber-cljは、文字幅とセル幅を計算し、文字切れしない位置で自動的に改行するようにしています。これにより、Excel方眼紙の文字切れしにくさを活かしつつ、煩わしさを
「TWE-LiteのArduino化」のコピー本を作った話 - Qiita
これはなに？ 前回アップしたステマ記事が 割と好評でしたので、その元ネタとなったコミックマーケット88で頒布したコピー本を 原稿ごとgithubに上げておきました。 PDFはこちら。https://github.com/soburi/jn5164-twelite-guided-tour/raw/master/publish/jn5164-twelite-guided-tour-publish.pdf 前回の記事の方では、TWE-LiteをArduino化して使う方法を紹介させていただいたのですが、 コピー本の方では、その「Arduino化」の方法、Arduinoのマイコン部分のソースを 他のアーキテクチャ(TWE-Lite)に移植する方法をハンズオンで紹介しています。 ということで、読者として以下のような層を想定した記事となっています。 オレオレArduinoを作成したい方 Arduino
社内用のwikiでいいのないかなーってTwitterでゆるぼした結果 | 毎日考
うちの部署は、「マニュアルをわざわざ作っても半年後には手順が変わっていたりする」という名目で、制作スタッフ間の情報共有といってもせいぜいメール程度だったんです。 正確に言うとかつてはあった、PukiWikiがあったのです。いつの間にかなくなっていたのです。かむばああああく！って上司に百回は言っているのですが、いそがしぶりやがって全然対応してくれません。 それ以前に各人忙しくて、ひと仕事終了してもマニュアルを作っている暇がないというのもあります。スピード命で口承文化なところもあります。私もここの会社に初めて派遣された日、「マニュアルは存在しない」と言われました…コーディングルールはあの人に訊いて？ ここのコンテンツは昨年この人がやってたから訊いて？ というか見てみてわからなかったら訊いて？ …ってそう、これは言い訳です。後々のことを考えて、「これ共有しておくべき」という使い回しソースやマニュ
MarkDownで書いたファイルを置くだけでWiki化できるMDWikiを導入してみた。 - Qiita
MarkDownファイルを書くだけで簡単にWiki化できるMDWikiを導入してみました。 日本語情報が少なかったことと、恐ろしく便利なのにあまり日本で使われていなさそうだったので書いてみました。 情報共有Wikiを作りたいけどDB用意したくないとか、簡単で軽量なwikiを求めている人に向いています。 MDWikiの特徴 ・3MB程度と軽量 ・JavaScriptだけで動く ・DBを使用しない ・スマホのページビューに対応している ・記事更新がMarkDownファイルを配置するだけで簡単 ・MarkDownなのでQiitaからのデータ移行も簡単 ・GitHub／GoogleDrive／Dropbox／Disqus／facebook／twitterなどとも連携できる。 ・特にGoogleアカウントでグループ管理していてGoogleドライブを利用しているような組織にはお勧め ダウンロード ht
Qiitaっぽいメモアプリをつくってる話 - 鳥小屋.txt
Potmum（ぽっとまむ） ソースコード： https://github.com/rutan/potmum デモページ： https://potmum-demo.herokuapp.com 身も蓋もない言い方をすればQiitaクローンです。と言っても、用途がQiitaとは違うのでフォロー機能が無かったり、ちょこちょこ機能が違います。 Potmumは菊の鉢植えです。きーく。 なぜ作ったのか？ 僕のSimplenoteが整理不能になったためです(´・ω・｀) livedoor Wiki→Evernote→Simplenoteとメモ置き場を住み替えていき、SimplenoteでMarkdown最高！！という結論に至ったのですが、いまいちタグ機能とかが使いづらかったので、タグが付いてない記事だらけになってしまったのでアクセス性がとても悪くなってしまいました…… 本当はQiitaTeamを使おうと思
Electron と Polymer と TypeScript でリッチなマークダウンプレビュアー Shiba つくった - はやくプログラムになりたい
結構前ですが，mattn さんが小さい markdown ライブプレビューアプリ mkup をつくっていて，そういえば僕も合う markdown ライブプレビューアプリが無いなぁと思っていたのを思い出したので，オレオレ markdown プレビューアプリ Shiba をつくってみました．今このブログエントリもこれでプレビューしながら書いてます． https://github.com/rhysd/Shiba 僕のマークダウンプレビューに対する要求は以下のような感じです．mattn さんのそれに近いです． ドキュメント自体は慣れたエディタで書きたい ブラウザのタブよりは独立した1つのアプリとして動いてほしい GFM で書きたい（コードブロックをハイライトしてほしいし，絵文字記法も反映してほしい OS X，Linux，Windows のすべてで markdown を書く機会があるのでクロスプラッ
Markdown UI - Markdown記法を拡張してUI作成
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Markdownはとてもよくできたドキュメントフォーマットですが、ユーザ向けにMarkdown記法でコンテンツを作ってもらう場合、純粋なHTMLコンテンツと比べてどうしても物足りない部分がでてきてしまうことがあります。 HTMLは使えますが、セキュリティ上制限していることも多いですし、せっかくのMarkdownの良さが否定されてしまうのも問題です。そこで使ってみたいのがMarkdown UIです。 Markdown UIの使い方 Markdown UIを使うとMarkdown記法に加えて、特別な入力を行うことでボタンやメニューなどが表現できるようになります。 こんな感じでフォローボタンが作れたり、 ボタンの色を変えることもできます。 ツールバー的な表現も可能です。 Markdown
mermaid.jsが素晴らしいけどなかなか使ってる人見かけないので実例晒す(追記あり) - Qiita
mermaid.jsとは JavaScriptのチャート作成ライブラリです。他にも似たようなのは色々ありますが、これ一本でフローチャート、シーケンス、ガントに対応してるので、個人的にお気に入り。 http://knsv.github.io/mermaid/ サイトの各チャートのページ見ると書き方と何ができるかはわかるので、ご覧あれ。 僕の使い方 JSのライブラリを自分でインポートして何かすることはほとんど無くて(後述の理由からガントだけJSで使ってるけど)、基本的には以下の2つの方法で使ってる。 Haroopad フリーでクロスプラットフォーム(OS X, Win, Linux)なMarkdownエディタ。 v0.13からmermaid.jsがインテグされているので、何もしなくてもそのまま使える。 mermaid.jsのグラフの書き方は、コード表記で、言語をmermaidにしてあげるだけ。
CSVテキストをMarkdown形式のテーブルに変換するツールをつくった
Markdown形式のテーブル記法をいつまでたってもうろ覚えで、毎回検索したり、変換サイトにアクセスするのが面倒だったのでツールをつくりました。嘘です。Go書きたかっただけです。 使い方 CSVテキストを標準入力から受け取って整形済みのMarkdown形式テーブルを出力します。 $ mdt < hoge.csv | headerA | headerB | | ------- | ---------------------- | | short | very very long content | 連携 コマンドラインツールなので、pbpasteやAutomatorと組み合わせて好きなように使えます。 以下は、Automatorのサービスとして登録したmdtをGitHubのIssue作成時に呼び出している様子です。 便利っぽい。 機能 CSV/TSVに対応 タブ区切りにも対応しているのでエク
[Apiary]Markdownで始めるAPI開発とAPIドキュメント作成 | DevelopersIO
APIを作るとき みなさん、毎日API使ってますか？私は、ワンライナーでAPIをコールすることにハマっています。さて、いつも使っているAPIを作る側になったとき、どのように設計していますでしょうか？また、作ったAPIをどのように使ってもらっていますか？そんな疑問に応えるサービスがApiaryです。 Apiaryとは？ Apiaryは、REST APIをサクッと書けるサービスです。また、APIドキュメントも生成してくれます。モックサーバも提供してくれます。API利用サンプルコードも作ってくれます。うん、使わないって選択肢は無いですねｗ。 無料登録すると早速使えるようになります。チームでプライベートなAPI開発をしたければ有料プランを選択してください。 API開発の流れ API開発の流れは、まずはじめにMarkdown形式でドキュメントを書きます。既にサンプルがあるのでこれを使ってみましょう。
![[Apiary]Markdownで始めるAPI開発とAPIドキュメント作成 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/60d7120d91185f1739fec5fcbd006f066b98e9f6/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2015%2F02%2Fapiary-logo.png){kind=logo}
ブラウザ上でMarkdownを安全に展開する - 葉っぱ日記
不特定のユーザーが入力したMarkdownをブラウザ上でJavaScriptを使ってHTMLに変換するという場面においては、JavaScriptで変換してHTMLを生成するという処理の都合上どうしてもDOM-based XSSの発生を考えないわけにはいかない。かといって、MarkdownをパースしHTMLを生成するという処理すべてをXSSが存在しないように注意しながら自分で書くのも大変だし、markedやmarkdown-jsなどの既存の変換用のJSを持ってきてもそれらがXSSしないかを確認するのは結構大変だったりする。 そういった場合には、Markdownから生成されたHTMLをRickDOMを通すことで、万が一HTML内にJavaScriptが含まれていたとしてもそれらを除外し、許可された要素、許可された属性だけで構築された安全なHTMLに再構築することができる。さらに、そうやって生成
静的サイトジェネレータMetalSmith - I am bad at math
今回は MetalSmith という超シンプル！超タイニー！なNodeで動作する静的サイトジェネレータのお話。 なんつーかその、メタルスミスとカタカナで書きたい衝動を煽られます。 そう、名前って大切ですよね。 スタティックサイトジェネレータはAssembleをはじめ、他にいくつもあって、 なかにはhexo なんていうものもあるんですが・・・うん・・・・。名前大事。 このメタルスミスというネーミング自体はマイナス34℃の環境下で作られたという、同じく静的サイトジェネレータのWinterSmithにインスパイアされたのかなーと思ったり。 というわけで公式ドキュメントはこちら 背景 さて、このメタルスミス、segment.ioという、Webデータ解析のインテグレーションツールを提供している会社によって作られていて、彼らのgithub organizationをのぞいて見ると、赤シャツのTJやJu
Autodoc - r7kamura blog
闇Advent Calendar 1日目の記事として、最近の開発における心の闇に触れます。 最近開発した Autodoc というツールについて簡単に説明した後、 この手のツールの開発にあたって考えていた、 創作活動の在り方や、社会の斥力、25歳定年説などについて触れようと思います。 Autodocとは Rack applicationで実装されたAPIに対して、RSpecで書かれたテストを元にAPIドキュメントを生成するもの。 テストを実行すると、テスト中に発行したリクエストやレスポンス、そのテストに付けられたメッセージを元に、 良い感じに情報をまとめ、Markdown形式でAPIドキュメントを記したファイルを生成してくれる。 例えばGitHubではMarkdownファイルを適当に描画してくれるので、 下図のようにGitHub上で簡単にドキュメントを閲覧出来るようになる。 テストの書き方
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Standard MarkdownがCommon Markdow、そしてCommonMarkに
¤³¤Î¥Ú¡¼¥¸¤Ï¡¢²¼µ¤Ë°ÜÆ°¤·¤Þ¤·¤¿¡£ - catch.jp-wiki
Haroopad - The Next Document processor based on Markdown