シェアしたくなる最新のWebサービス・ITニュース情報をチェック!
  • follow us in feedly

アプギガトップ > Webサービス > 登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
注目記事ピックアップ
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
share0
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
share0
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
share0
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
share0
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
share0
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
share0
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
share0
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
share0
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
share0
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
share0
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
share0
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
share0
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
share0
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
share0
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
share0
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
share0
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
share0
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
share0
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
share0
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
share0
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
Webサービス
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2016/12/13 19:50

登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!

io-by-bold-01 どうも、まさとらん(@0310lan)です!

今回は…

「とにかくシンプルな方法で、今すぐ記事を書きたい!」

と、考えている方にピッタリのWebサービスが無償で公開されているのでご紹介しようと思います。

【 IO 】
io-by-bold-02
面倒な登録は一切不要なうえ、サイトにアクセスするだけですぐに文章を書き始められる仕様になっており、Mediumのようなシンプルで美しいエディタが特徴的です。

書いた記事は、そのままいくつでも公開することが可能で、匿名のまま自由気ままに記事を書いても良いし、Twitterと連携して自分が書いた記事であることを明示するような使い方もOK!


基本的な使い方!

それでは、実際に「IO」を使いながら、どのようなサービスなのかを具体的に見ていきたいと思います!

まず、サイトにアクセスすると、すでに「テキスト入力」ができる状態になっているのが分かります。
io-by-bold-03 あとはこのまま「記事のタイトル」を入力し、「本文」となる文章をどんどん作っていくことになります。


基本的な文章の作り方ですが、Mediumのように「+」アイコンが表示されるのでクリックしましょう。
io-by-bold-04

すると、「見出し」「引用文」「リスト」などが選択できるようになります。
io-by-bold-05

また、文章を部分的に範囲指定することで、インラインでコードを表示したり、リンクを貼ったり、文字装飾をしたりなども出来ます。
io-by-bold-06

これらを使い分けることで、一般的な文書作成はサクサク進んでいくでしょう。
io-by-bold-07

他にも、ソースコードを本文に挿入することも可能です。
io-by-bold-08 シンタックスハイライト付きで見やすい表示になるのが特徴です!


埋め込みリンクなども、URLをコピペするだけで自動的に「専用のデザイン」へと変化してくれます。
io-by-bold-09

画像の埋め込みは、スクリーンいっぱいに表示したりなど、サイズを自分で指定できます。
io-by-bold-10 ちなみに、画像をそのままドラッグ&ドロップしてもOKで、GIFなどの動きがある画像も綺麗に表示してくれますよ。


慣れると便利な機能たち!

さて、ここまでは基本的な使い方について見てきましたが、「IO」にはいくつかのユニークな機能が搭載されています。


例えば、文章を書く時に先ほどご紹介した方法以外にも、人気の「マークダウン記法」を使った記述方法も使えます!
io-by-bold-11 マークダウンに慣れている人は、こちらの方が速いかもしれませんね。


また、個人的にオススメなのが「スラッシュ」を入力することで記事を書いていく方法です!
io-by-bold-12 「/」を入力した後に、そのまま続けて利用したい機能を記述するだけで、素早く文章を書くことが出来ます。


つまり、

「/code」と入力すれば、ソースコードを書くことができ…

「/Block quote」と入力すれば、引用文が書ける…

という感じです。


ちなみに、「/bloc」と途中まで書けば「引用文」を選択できるので、全部のキーワードを入力する必要はありません。

実際に「スラッシュコマンド」を使った様子は、以下のGIFで確認できます!
io-by-bold-13
他にも、便利な「ショートカットキー」なども用意されており、ドキュメントにも詳しく明記されています。

【 「IO」公式ドキュメント 】


さらに、ちょっと変わった機能として、作業用BGMに使える「環境音」を再生することも可能です!
io-by-bold-14 「カフェの中」「森林」「図書館」…など、いくつかのプレイリストが表示されるので、集中して記事を書きたい時などに有効活用できます。


記事を公開してみよう!

ある程度、記事が完成したら早速公開してみましょう。


方法は簡単で、画面右上にある「PUBLISH」ボタンをクリックするだけでOK!
io-by-bold-15 たったこれだけで、世界中のユーザーが記事を閲覧できる状態になっているわけです。


また、「OPTIONS」から「マークダウンファイル」や「JSONファイル」形式で記事をダウンロードすることが出来るのも面白い機能でしょう。
io-by-bold-16 「Get Private edit link」をクリックすると、自分専用の「記事編集リンク」が生成されるので、これをブックマークしておけばいつでも記事の編集が出来るようになります。


「IO」を使った簡易的な「サンプル記事」を公開してみたので、ご興味ある方はチェックしてみてください!

【 「IO」のサンプル記事! 】


まとめ

「IO」は、既存のCMSみたいに記事を管理する「ダッシュボード」を用意しない代わりに、究極にシンプルな「記事制作環境」を提供していると言っても過言ではないでしょう。

また、当然ですが匿名で記事を書く以外にも、「日記」のような使い方から勉強会のレポートをサクッと書いてシェアしたり、Twitterと連携してちょっと長めの文章を書く用途にも優れていると思います。

とにかく、シンプルで書き心地の良い「Webテキストエディタ」を使って記事を書いてみたい方は、ぜひ一度トライしてみてください!


<参考>
「IO」公式サイト

「IO」Slackコミュニティ



written by まさとらん(@0310lan

まさとらん

国内外問わず「良いモノ」だけひたすら集めて情報共有してます。
厳選ネタはアプギガ内で分かりやすく情報発信中!
その他の旬なネタは、twitterにて発信してますので、お気軽にどうぞ!

twitter:0310lan

この記事を読んでいる人は、他にこんな記事も読んでいます。
Related Posts Plugin for WordPress, Blogger...

ページトップへ戻る