Kobitoの3つの特徴 Markdownとリアルタイムプレビューで快適に入力 Syntax Highlightでスニペットをきれいに記録 ボタンひとつでコードを簡単に公開
最近GitHubのコメントとかQiitaのコメントなど色々な部分でMarkdownで書くことが出来るようになっていると思います。 しかし、大体はただの<textarea>に絵文字やユーザ名の補完がついただけのものになっていて、 Markdown支援的な機能が入ってるものは意外と多くない印象です。 特に気になるのがタブインデントができなかったり、エディタ上のシンタックスハイライトが無かったりする所なので、 それを適当に解消するGreasemonkeyスクリプトを書きました。 azu/codemirror-anywhere codemirror-anywhere 名前の通り<textarea>をCodeMirrorのエディタに切り替える事が出来るものです。 こんな感じで、Cmd+E or Ctrl+Eで<textarea>とCodeMirrorを切り替え出来ます。 インストール codemir
APIを作るとき みなさん、毎日API使ってますか?私は、ワンライナーでAPIをコールすることにハマっています。さて、いつも使っているAPIを作る側になったとき、どのように設計していますでしょうか?また、作ったAPIをどのように使ってもらっていますか?そんな疑問に応えるサービスがApiaryです。 Apiaryとは? Apiaryは、REST APIをサクッと書けるサービスです。また、APIドキュメントも生成してくれます。モックサーバも提供してくれます。API利用サンプルコードも作ってくれます。うん、使わないって選択肢は無いですねw。 無料登録すると早速使えるようになります。チームでプライベートなAPI開発をしたければ有料プランを選択してください。 API開発の流れ API開発の流れは、まずはじめにMarkdown形式でドキュメントを書きます。既にサンプルがあるのでこれを使ってみましょう。
プロダクトで CQO を担当していて,Qiita:Team をこよなく愛す僕ですが,食わず嫌いは良くないなということで,esa.io をトライアルで使ってみた. 実際にポストしてみたり,ヘルプを見てみて,基本的なところは Qiita:Team と似てるなーという印象を受けたんだけど,Qiita:Team と比較して esa.io の方が圧倒的に優れてるなと思う機能を3点を知ってしまったので,熱量高くまとめてみた.まぁ圧倒的は言い過ぎたかもwww 1. カテゴリーという概念があること esa.io のポストは,タグ以外にカテゴリーというメタ情報を付けることができて,これは便利. Qiita:Team だとタグしかないので,例えば日報のように時系列に沿った情報を探したりすることができず,結構ポストが埋没する傾向にあるという課題はどこのプロダクトでもあるんじゃないかなと思う. ちなみに Qiit
The Markdown Block lets you compose posts and comments with links, lists, and other styles using regular characters and punctuation marks. Markdown is used by writers and bloggers who want a quick and easy way to write rich text without having to take their hands off the keyboard and without learning a lot of complicated codes and shortcuts. You can use Markdown for posts, pages, and comments. Thi
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました MarkdownでHTMLが出力できるのは良く知られていますが、生成されるのは素のHTMLタグとなっています。このまま表示に使いたいと思うことは殆どないでしょう。必要なのは多少なりともデザインです。 そこで使ってみたいのがmarkdown2bootstrapです。MarkdownからHTMLを生成し、それに合わせたBootstrapデザインを提供してくれます。 markdown2bootstrapの使い方 markdown2bootstrapのインストールはnpmで行えます。 $ npm install -g markdown2bootstrap 終わったらMarkdownファイルのあるディレクトリで実行するだけです。 $ markdown2bootstrap README.md
Oktavilla では、私たちは定期的に新規プロジェクトを立ち上げています。数年にわたって、私たちはこうしたプロジェクトを通してベストプラクティスを見つけ出してきました。そのおかげで、新規メンバーがスムーズにプロジェクトに参加できるようになり、エラーを減らすこともできました。こうしたベストプラクティスを、組織内部、クライアントを問わず大半のプロジェクトに活用しています。結果として、私たちは高品質のWebプロジェクトを実現しています。ここでお伝えするのは、そのプロセスの一部です。 このブログ記事では、技術面に関わるベストプラクティスに焦点を絞りたいと思います。例えばセットアップや、プロジェクトのツールやプロセスを選択する際に考慮すべきことなどについてお伝えします。各プラクティスの文末に、詳細な情報へのリンクをいくつか貼っています。 READMEファイル まずは、プロジェクトで最も重要なファ
Filydoc というものを作りました 公開場所 GitHub:https://github.com/kobake/filydoc デモサイト:Filydoc 実用(?)サイト:clock-up-memo 特徴 シンプルに Markdown ファイルを公開するためだけの Web フレームワーク フォルダ分けすると、それがそのままツリー構造として公開される アイテムの順番は名前順になるのでファイル名をうまく付けて運用 PHP 駆動なので、フツーのレンタルサーバで動く (しかし実は全文検索で grep 呼んでるので、ここは環境依存かも。さくらのレンタルサーバでは動いた) 使い方 Filydoc の zip か tgz を http://filydoc.net/ から入手、解凍。 data フォルダ内の .md ファイルを編集。書式は Markdown。 必要に応じてファイル増やしたりフォルダ増
昨日もMarkdownについて語って、今日もMarkdownについてなので、完全にYou恋しちゃってるねって感じですが。 いや素晴らしいです、Markdown。 とある書類をまとめなきゃいけなかったのですが、Markdownでガーッと作ってみたわけですよ。 その後Wordに変換させて、ちょっとスタイル変えたら…もう終わり! いやあめっちゃ簡単です! ざざっと手順ご説明しますね。 まずはテキストを作成。 Markdownに使ったツールはこちら。 http://markable.in/ ブラウザ上で動くMarkdownエディター。 左側の入力画面にテキストを書くと、即座に右側に装飾が施されたテキストが反映されるのでわかりやすいです。 ユーザー登録するとEvernoteやDropbox、tumblrにまで保存可能な素晴らしい無料オンラインツールです。 日本語も使えるよ!すごいね! こちらでMar
StackEditはJavaScript製のオープンソース・ソフトウェア(Apache Licnese 2.0)です。 最近Markdownエディタが熱いです。ローカルアプリケーション、Webベースと様々な形式がありますが今回は技術者に人気のサービスStack Overflowで使っているStackEditを紹介します。 こちらがエディット画面です。2ペインになっています。 JavaScriptベースなのでプレビューがすぐに反映されます。 文字数カウンター付き。これは地味に嬉しい。 HTML変換結果をその場で得られます。 プレビューを全体表示に変更。 Markdown/HTML/テンプレートとして保存できます。 画像の挿入。 Google+から取得できます。 画像のインポート確認。 テーブルの他、定義リストにも対応。 TOCと書くと目次になります。 MathJaxにも対応しています。 St
カテゴリ 2014年3月度ALMレポート(株式会社グラニ様との合同開催) お久しぶりです、okabe-mです。 KLabでは毎月ALMという社内勉強会を開催しています。 ALMとは ALMとはAll Layer Meetingの略で、職種・役職・発表内容を問わない勉強会・発表会です。 内容的に高度なものである必要はありませんが、発表者自身が工夫した箇所があることを求められます。 また、発表者にはプレゼン練習、聴衆には質問する能力を養う機会を提供する目的もあります。 開催は東京六本木の本社で行われますが、TV会議システム、インターネットを通じて国内外の拠点に配信を行っています。 3月度は株式会社グラニ様との合同で勉強会を開催しました。 弊社と株式会社グラニ様でそれぞれ発表を2人ずつ発表して頂きました。 さっそく、レポートに移りましょう。 Github:eで仕様書を書こう(KLab株式会社 加
マルチプラットフォームで使えますよ! エンジニア界隈ではMarkdownの認知度が高くなっていますが、その記法が若干特殊なこともあって書きづらいと感じている人は多いはず。そこで使われるのがMarkdownエディタです。 Haroopadもその一つになります。多分に漏れず2ペイン構成で片側がプレビューになっていますが、それ以外にも便利な機能がたくさん揃っているMarkdownエディタになります。 Haroopadの使い方 プレビューはつい縦長になりがちなので、2〜3段で書くと短くていいかもしれませんね。 Haroopadは使ってみた感じ、かなり開発者寄りなMarkdownエディタになっているという印象です。Markdownを使いこなしてがんがんドキュメントを作っていきたいと考える方にはぴったりではないでしょうか。 HaroopadはWindows/Mac OSX/Linux用のオープンソース
Gitterに感動した 金曜にメールチェックしてたら「Gitterが一般βになったから誰でも参加できるようになったよ」ってメールが届いてた。 確か以前は抽選かなんかだったんだけど、アイディアがちょっと面白いなーと思って参加できるようになったらメールでお知らせしてもらおうと登録してたんだけど。 Gitter - Chat, for GitHub 早速、試してみたんだけど…久々に感動するレベルのWebサービスでした。 そもそもこのサービス何なのか知らない人が大半だと思うんで、ちょっと説明するとこんな感じです。 GitHubのリポジトリやOrganization単位でチャットルームを作ることができる まあ、これだけなんですが。WebアプリとMacアプリがあってiPhoneとかのモバイル対応はまだらしい。とはいえ、Webアプリの方をMobile Safariなんかで見たらそこそこ見やすい感じではあ
iPhone上で論文や本だって執筆する…。ちょっと前なら「そんな無茶な」と言われていたことが、アプリや周辺サービスの充実で当たり前にできるようになってきました。 その一つの鍵となったのがDropbox やiCloudとの連携です。ユーザーの側でまったく意識することなく文書が同期される仕組みがあるおかげで、iPhoneで編集した文章をパソコンで清書ということが楽にできるようになったわけです。 もうひとつの鍵は、しだいにサポートされるようになったリッチテキストの扱いです。いまではEvernoteでもリッチテキストを扱えますし、Markdown書法経由で楽にリッチテキストを書くアプリも増えました。 そのなかでも群を抜いた高機能とUIの美しさを誇るアプリが Write です。Markdownの扱い、DropboxやiCloudとの連携、他サービスへの共有方法の数の多さなど、総合力が高い一方でこれま
天下一gitconfig大会(サイボウズ社内git勉強会@2012/11/20)の@teppeisの資料です。 ぎっとぎとにしてやんよ GistDeck gistでmarkdown書いたらbookmarkletでプレゼンになるよ。 ↓これをBookmarkに登録してこのページで実行してみよー! javascript:(function()%7Bvar%20s%3Ddocument.createElement(%27script%27)%3Bs.setAttribute(%27src%27,%27https://raw.github.com/teppeis/gistdeck/fix/gistdeck.js%27)%3Bdocument.getElementsByTagName(%27head%27)%5B0%5D.appendChild(s)%3B%7D)()%3B 複数行のcodeとかが微
CodeIQ中の人、babaQです。 ちょっと前になるのですが、コワーキングスペース茅場町 Co-Edo(コエド) で開催されたmasuidriveこと増井雄一郎さんのトークセッションに参加してきました。 HTML5を活用したメモ帳アプリ「wri.pe」誕生のきっかけ テーマは、増井さんが個人でつくった(とは思えない)メモ帳アプリ「wri.pe」 ゴールデンウィークを利用して、何かゴリゴリと作りたいと思い立ち、 1週間で「自分で使いたいものを作る!」と決めたのがきっかけなんだとか。 まず、浮かんだアイデアは2つ。 煩雑なメモをどうにかできるアプリと、未読のチャットを整理できるアプリ。 でも、1週間で開発するにはチャットはちょっと重い… ということで、メモアプリを作ることに決定。 まず最初に「メモアプリの課題」を整理したそうです。 - いつでも、どこでも使える(iPhone、iPadでも)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く