Qiita and Kobito - Great Duet to manage your knowledge.

# [Qiita](http://qiita.com/)

> Qiita is the best way to log and share programmers' knowledge. -- [Qitta.com](http://qiita.com)

## What people do in Qiita?

* Share your Hacking snippet

* Programming Tips

* Better way to orgnaize your gist

* make new friends

and so much more.

Qiita is like a Twitter for programmer. In here, we follow/unfollow programming tweets, watch technologies we care about.

## Kobito

A Great Mac App. DELUXE Markdown editor. Ultra-fast Real-time preview. => Think of “Evernote with markdown 
support -- non-crashed version” :P

## How to register Qiita?

### Setp 1: visit http://qiita.com/

![](https://dl.dropbox.com/u/4708852/qiita-kobito/qiita-signup-signin-en.png)

For the first time => Qiita 新規登入。

Already a user => “既にアカウントを持っている方はログイン”

Signup via Github/Twitter Oauth.

![](https://dl.dropbox.com/u/4708852/qiita-kobito/github-twitter-sign-up.png)

### Step 2: If you choose github oauth, authorize Qiita to get following info:

* Read your public information.
* Create and edit gists.

![](https://dl.dropbox.com/u/4708852/qiita-kobito/Authorize%20access%20to%20your%20account-1.png)

click allow，Neat!!!

### Step 3: Fill in some info

![](https://dl.dropbox.com/u/4708852/qiita-kobito/%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E7%99%BB%E9%8C%B2%20-%20Qiita.png)

* email
* password
  (if you want to use kobito app with qiita, you MUST set a password.)
* click the buttom to agree terms & conditions.

**Note: You MUST set a password in order to use Qiita with Kobito.**

### Step 4: Follow some topics you're interested in.

![](https://dl.dropbox.com/u/4708852/qiita-kobito/%E3%82%BF%E3%82%B0%E3%82%92%E3%83%95%E3%82%A9%E3%83%AD%E3%83%BC%E3%81%97%E3%82%88%E3%81%86%20-%20Qiita-1-1.png)

You can do it later，Japanese 101: “フォローする” = Follow

> The key to learn a CJK language is like learning the recursion, by pattern recognition.

When you done, click “タグフォローを完了して次へ” ：）

## Start using Qiita

=> “スキップしてQiitaの利用を開始する”

![](https://dl.dropbox.com/u/4708852/qiita-kobito/%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%82%92%E3%83%95%E3%82%A9%E3%83%AD%E3%83%BC%E3%81%97%E3%82%88%E3%81%86%20-%20Qiita.png)

### Qiita Home

Home page explained:

![](https://dl.dropbox.com/u/4708852/qiita-kobito/Qiita%5B%E3%82%AD%E3%83%BC%E3%82%BF%5D%20-%20%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9E%E3%81%AE%E6%8A%80%E8%A1%93%E6%83%85%E5%A0%B1%E5%85%B1%E6%9C%89%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9.png)

<a href="fig-qhp">Qiita Home Page.png</a>

#### Stock

Found post you created / followed.

![](https://dl.dropbox.com/u/4708852/qiita-kobito/JuanitoFatas%40github%E3%81%AE%E3%82%B9%E3%83%88%E3%83%83%E3%82%AF%E3%81%97%E3%81%9F%E6%8A%95%E7%A8%BF%20-%20Qiita.png)

##### How to Put a post into stock?

![](https://dl.dropbox.com/u/4708852/qiita-kobito/Screen%20shot%202012-11-22%20at%20%E4%B8%8B%E5%8D%881.57.21.png)

Well, this should help you to get started using Qiita. The whole `qiita.com`'s design is intuitive. Just follow your common sense :) Personally I don't know japanese. But I can guess the functionality by trying it out or look at the url or the hardcore way: translate it via google translate… :P

## [Qiita Flavored Markdown](http://qiita.com/items/c686397e4a0f4f11683d)

## Two highlights

### Insert code:

you specify what the type of code you're writing and name it.

> (blank line)
> \`\`\`ruby:kobito.rb <br>
> puts 'The best app to log and share programming knowledge.' <br>
> \`\`\` <br>
> (blank line)

### Syntax honey for table

> It's honey because it's sweeter than suger :P

```
| Left align | Right align | Center align |
|:-----------|------------:|:------------:|
| This       |        This |     This     |
| column     |      column |    column    |
| will       |        will |     will     |
| be         |          be |      be      |
| left       |       right |    center    |
| aligned    |     aligned |   aligned    |
```

Much like normal markdown and GFM. [Read more](http://qiita.com/items/c686397e4a0f4f11683d)

## Create Your First Qiita Post!

See [Qiita Home Page.png](#qiita-home-page), click the button noted by “Create a new item” to post your first qiita post.

![](https://dl.dropbox.com/u/4708852/qiita-kobito/qiita-new-item.png)

You can post to your Github Gist, Twitter or Qitta Private.

Hey Mom!!! Come, Come, Comeeee to see Qiita. It's awesome!!!!!!!!

## Qiita - upper right Nav bar explained.

![](https://dl.dropbox.com/u/4708852/qiita-kobito/qiita-dashbord.png)

### User page

Similar to Twitter User Page, see:

![](https://dl.dropbox.com/u/4708852/qiita-kobito/JuanitoFatas%40github%20-%20Qiita.png)

### Profile Setting プロフィール設定

![](https://dl.dropbox.com/u/4708852/qiita-kobito/profile-settings.png)

### Settings アカウント設定

![](https://dl.dropbox.com/u/4708852/qiita-kobito/settings.png)

### Password Settings パスワード設定

![](https://dl.dropbox.com/u/4708852/qiita-kobito/password-setting.png)

### Logout ログアウト

“ログアウト” => Logout Qiita

## Conclusion

Qiita integrates Twitter and Github. Make use of the Gist enables us to share knowledge in a convenient and elegant way. But there is MORE...

# Kobito!!!

<small><em>Sorry, Mac OSX ONLY</em></small>

> Kobito is an amazing Mac app that manage your code snippet, notes with a experience that haven't been that far yet.

“OMG! It's Evernote for Developers. But this is even better than.” This is my first thought when I installed Kobito.

You record code snippet, tag it, search for it, all these operations done in clean UI, editing with Real-time Preview at ultrafast speed, BEAUTIFUL syntax highlighting… Makes a BEAUTIFUL app.

> You've never seen anything like it. Because there's never been anything like it. -- MBPR

Well fit here because it's true.

## Kobito Features

## Real-time preview with your upgraded good old friend, markdown.
### Markdownとリアルタイムプレビューで快適に入力

> Ultrafast Real-time preview. Preview your markdown files at Blazing-fast speed.

[Kobitto markdown syntax](http://qiita.com/items/c686397e4a0f4f11683d)

Implements the standard markdown and add support for table and more.

## Note your code with BEAUTIFUL syntax highlighting.
### Syntax Highlightでコードをきれいに記録

> This is the kind of syntax highlighting you will love about.

![](https://dl.dropbox.com/u/4708852/qiita-kobito/kobito-syntax-highlight.png)

## Click to post your thoughts to Qiita
### ボタンひとつでコードを簡単に公開

> Sync your notes to Qiita in single click

Simply click “Qiitaに投稿”，check Qiita, voila!

![](https://dl.dropbox.com/u/4708852/qiita-kobito/kobito-qiita-post.png)
## Use your favorite editor
### 自分の好きなエディタから編集可能

> Editing with your favorite editor

It's possible to edit using your favorite editor

## Focus makes it FASTER.
### メモに特化することで得た軽快さ
> LESS IS MORE.

There are no unnecessary functionalities. Focus on what you need makes kobito blazingly light and fast.

## Support common Keyboard operation
### キーボード操作へのこだわり

Common keyboard operation supported. Mouse won't distract you and make you concentrate on what you're writing.

## Easy to tag up your notes
### タグで簡単に整理

> Breadcrumb your knowledge.

Every note could attached multiple tags on it.

## Search for specific type of post
### インクリメンタルサーチ

> Don't orgnize your stuff. Search for it.

`tag:tag-type`

If I want to find note with tag `lisp`:

`tag:lisp`

## Built-in Spell Checker

> It's amazing to find out that so many typos could happen in a document.

Spell check your post to avoid bring shame to your family (I'm joking, don't take it seriously).

## Kobito Screenshot

![](https://dl.dropbox.com/u/4708852/qiita-kobito/Kobito-screenshot.png)

## Kobito Official Info

[Kobito Download](http://kobitoapp.com/download/Kobito_v1.1.1.zip) Requirement: MacOSX 10.6+

[Kobito Features](http://kobitoapp.com/features)

[Kobito Docs](http://kobitoapp.com/docs)

## Beyond all above...

<h1 style="size: 128px;">It's FREE.</h1>

I've edited markdown file of more than 3000 LOC. Smooth and haven't encountered crashes.

You should use it from today. Once you discover Kobito + Qiita, there was no going back. Enjoy and...

Bon Appétit!