Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
0
Help us understand the problem. What are the problem?

More than 1 year has passed since last update.

@libru1

「文言」でレンダリング-Online IDE編 お手軽環境構築なし!

はじめに

2019年末彗星のように現れた「文言/wenyan-lang〜漢文風プログラミング言語」もう試してみましたか。私は試してみました。公式のフッターには[WIKI]も増えています。
Screen Shot 2020-03-01 at 5.05.45.png

興味はあるけれど...とまだの方にお手軽環境構築なしですぐに試せるオンラインエディターをご紹介します。

オンラインエディターがこちらhttps://ide.wy-lang.org/に引越しになりました

ソースコードも言語本体別プロジェクトになりスタイリッシュにより使いやすくなりました。

ポイント

:white_check_mark:テーマがライトとダーク選べる!(エディター見た目大事)
:white_check_mark:レンダリング出来る
:white_check_mark:オフラインでも使える
:white_check_mark:My Scriptsでスクリプト管理できる
:white_check_mark:実行結果とJavaScriptはすぐ見れる

使い方

まずはアクセスすると(:arrow_down:はdarkテーマ)こんな見た目
Screen Shot 2020-03-01 at 4.59.59.png

大きく4つのペイン(左、中央、右、下部)に分かれています

左側:サンプルプログラム、My Scriptsの選択
  「+」で新しいMyスクリプト追加
  「↓」で編集したソース保存
中央:ソースコード表示、編集作業部
   highlight、コード補完も完備
   ※サンプルソースはサーバーに取得に行かず、Build時に同梱の物を表示 
「compile」でwenyanソースを右側にJavaScript変換、実行結果を下部に表示
右側:wenyanソース「compile」(transpile)結果表示
  「?」でヘルプ(link表示) 
  「⚙」でテーマ変更など設定変更
下部:ソースの標準出力結果
「Render Book」ソースのレンダリング
   ※「↓」レンダリング後表示され、結果をダウンロード出来る!!! 

おわりに

いかがでしたか。苦労したレンダリングが2クリックで完了。拍子抜けする簡単さ。
サンプルプログラムもcontributeされ増えています。

2019年12月に使ってみた方も是非活用してみて下さい。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
0
Help us understand the problem. What are the problem?