目次

画面分割, ファイル共有, Git-Submodules, OutlineText

+
その他

スタイルの変更 | OutlineText (軽量マークアップ)

スタイルの変更は, スタイルシートを作成しそのシートをhtmlのheadで読み込むことでスタイルを変更することができます.

Test

Test

JavaScript, ライブラリ
画面分割ライブラリ SplitView | JavaScript

ウェブブラウザ上で動作する, 画面分割ライブラリ.

スクリプト内に一切の状態を持たず, 完全に要素のデータ (例えば, 属性やスタイル) と要素の構造をベースに動作します. このことで, 次の三つの特徴が得られます.

  • ページロード時のレイアウト変化なし
  • 他スクリプトによるビューへの自由な変更
  • カスタム可能

サンプルページ

画面分割ライブラリ Splitter | JavaScript
このライブラリは, 古いです

よりモダンで, 完全に要素ベースの[JavaScript/画面分割ライブラリ SplitView]をご使用ください.

多くの編集ソフトには, 一つの画面を分割する機能があります. 一つの画面を分割することで, 同じ画面で複数の作業を行うことができます.

Splitterは, ウェブブラウザ上で動作する画面分割ライブラリです. 分割境界にあるスライドバーを動かすことで領域のサイズを調節できます.

ダウンロード
画面分割ライブラリ SplitView | JavaScript

ウェブブラウザ上で動作する, 画面分割ライブラリ.

スクリプト内に一切の状態を持たず, 完全に要素のデータ (例えば, 属性やスタイル) と要素の構造をベースに動作します. このことで, 次の三つの特徴が得られます.

  • ページロード時のレイアウト変化なし
  • 他スクリプトによるビューへの自由な変更
  • カスタム可能

サンプルページ

ダウンロード | OutlineText (軽量マークアップ)

ここでは, OutlineTextのダウンロードリンクを示します.

画面分割ライブラリ Splitter | JavaScript
このライブラリは, 古いです

よりモダンで, 完全に要素ベースの[JavaScript/画面分割ライブラリ SplitView]をご使用ください.

多くの編集ソフトには, 一つの画面を分割する機能があります. 一つの画面を分割することで, 同じ画面で複数の作業を行うことができます.

Splitterは, ウェブブラウザ上で動作する画面分割ライブラリです. 分割境界にあるスライドバーを動かすことで領域のサイズを調節できます.

iOS, ショートカット, QRコード
ショートカットでアップル製品以外のデバイスと一時的にファイル共有 | iPhone

Apple製品同士でのファイル共有に便利な機能にAirDropがあります. 初めてあった人と, ファイルを共有したい時などに非常に便利な機能です.

ですが, Apple製品以外(例えば, Windows, Androidなど)とファイルを共有したい場合は, AirDropを利用できず, SNSやクラウドサービスを通じて, ファイルを共有する必要があり, 手間がかかります. SNSの場合では, お互いが同じSNSアプリを利用して, 共有のためだけにお互いのアカウントを教えあわないといけません. クラウドサービスの場合, ファイルをクラウドに上げ, 共有リンクを設定し, そのURL(たいてい長く, 複雑)を伝えないといけません.

本稿では, iosのショートカット機能を用いて, 即時に共有したいファイルをクラウドに上げ, 共有リンクを設定し, そのリンクのQRコードを表示するショートカットを紹介します. 相手にQRコードを読み込んでもらうだけで, 簡単にファイルを共有することができます. またアップロードされたファイルは簡単に削除でき, 容量の少ない無料のクラウドストレージを圧迫せず, 共有リンクが残り続けることがありません.

ファイル共有リンクを表すQR Code が表示される
ファイル共有リンクを表すQR Code が表示される
CI-CD, GitHub-Actions, Windows, SSH
GitHub ActionsのWindowsランナーで複数のPrivateサブモジュールを含んだリポジトリをクローンする方法 | CI-CD

GitHubのCI/CDでActionsを使って自動化することがあると思います。今回は、Windowsランナーで複数のPrivateサブモジュールを含むリポジトリをクローンする際に直面した問題と、その解決方法を共有します。

軽量マークアップ言語
OutlineText (軽量マークアップ) | Welcome!
OutlineText
OutlineText

OutlineTextは, プレーンテキストの段階で文章のアウトラインを分かりやすくするために開発された軽量マークアップ言語です. 他の軽量マークアップ言語(Markdown, AsciiDoc, ReStructuredText, …)と異なり, インデントは文章の階層構造を表します. このことで, 文章の階層構造が視覚的にわかりやすくなります.

OutlineTextの実行例をご覧になりたい時はこのウェブページを参照してください. このウェブページはすべてOutlineTextで書かれています. OutlineTextのプレーンテキストは, ウェブページ右下にあるこのページのソースコードを表示をクリックすることで, 確認できます.

すぐに試してみたい方は, 以下のページから
すぐに試す

文法一覧 | OutlineText (軽量マークアップ)

ここでは, OutlineText の文法を示していきます. 基本的に Markdown と似せていますが, インデントに対する挙動が異なります. 見やすい文章を書くことを注意すれば, OutlineText は自然に解釈し構造化します.

特徴 | OutlineText (軽量マークアップ)

ここでは, OutlineTextの特徴を示します.

OutlineTextの特徴は以下のとおりです.

  • プレーンテキストでの見た目がそのままウェブページに反映
  • 文章のアウトラインを見えやすく
  • 見た目が分かりやすい文章は,読みやすく書きやすい
VSCode, Extension
VSCode Extension | OutlineText (軽量マークアップ)

OutlineTextのVSCode拡張機能は、OutlineTextの文書をVSCode上で編集するための拡張機能です。

文法
文法一覧 | OutlineText (軽量マークアップ)

ここでは, OutlineText の文法を示していきます. 基本的に Markdown と似せていますが, インデントに対する挙動が異なります. 見やすい文章を書くことを注意すれば, OutlineText は自然に解釈し構造化します.

構文解析, アルゴリズム
パーサー | 仕組み

OutlineTextのパーサ(Parser)について

「https://contentsviewer.work/Master/:tagmap/画面分割,ファイル共有,Git-Submodules,OutlineText?layer=ja」から取得