問題タブ [livecoding]

さようなら。

私が達成しようとしていること: Javascript を編集しながら play を使用し、chrome dev ツールでライブのファイルを減らします。

わかったこと: プロジェクトの「パブリック」フォルダーを chrome dev ツールのリソース タブのワークスペースに追加すると、すべてが期待どおりに機能します。chrome dev ツールで行われた変更は、対応する css および javascript ファイルに保存され、ページはリアルタイムで変更を反映します。「app/assets/stylesheets」ディレクトリを chrome dev ワークスペースに追加すると、同じことが起こります --> コンソールでファイルに加えられた変更は、ディスクに保存されたファイルに保存されます。

さらに、コンソールから 'activator ~run' を実行すると、コンパイルが必要なファイルに加えられた変更により、再コンパイルがトリガーされます。開発ツールで少ないコードを変更できるようになりました。変更箇所をローカル ファイルに書き込み、play を再コンパイルします。すべてがうまくてダンディですが、悲しいことに-そこですべてが終わりました:/

問題: 私は less で作業していますが、less は不思議な場所にコンパイルされます (正確な場所はまだわかりません)。ディレクトリがわからない場合、css ファイル (less ファイルからコンパイルされたもの) を chrome dev コンソールのワークスペースに追加できません。コンソールに「利用できません」というエラーが表示されます。最初に、実際にページのスタイルを設定するcssがプロジェクトの「ターゲット」フォルダーに保存されていると思いましたが、そうではありません。(対象フォルダをワークスペースに追加したのですが、このフォルダ内のcssファイルを変更してもページに反映されませんでした)

私の質問:less ファイルからコンパイルされた後の css はどこにありますか? または、ブラウザーで less (またはコンパイル済みのスクリプト/スタイル ソース) のライブ編集を有効にする他の方法はありますか?

スクロール フィールドからコンテンツを取得し、コンテンツをライブ コードの配列に配置するにはどうすればよいですか。配列内のコンテンツを置き換えるコードがあります

「--」の前後の文字列を強調表示したい。例 良い -- 悪い ここでは、良い点と悪い点を強調したいと思います。-- が来るたびに、文字列の前後が強調表示されます。出来ますか。

スタックオーバーフローからコードの一部を取得しましたが、動作していますが、そのコードを要件に変更している間 (begin{document} と \end{document} の間の置換のみ)、動作していません

これは私が得たコードです

次のコードを使用しています。上記のコードを私の要件に変換する方法。

次のことを行う関数を作成しようとしています。

コード入力が "(a 1 2 (b 3 4 5 (c 6) |7) 8 9)" であると仮定すると、パイプ | 記号はカーソルの位置、

関数は次を返します: カーソルのスコープ内にあるコードを表す文字列 "b 3 4 5 (c 6) 7"

入力に対する文字列の開始インデックスを表す int 8

入力に対する文字列の終了インデックスを表す int 30

まさにそれを返す作業コードがすでにあります。ただし、問題は、コンテキストを追跡しながらコメントを無視することにあります (たとえば、文字列リテラル、独自のリテラル区切り記号など)。

コンテキストを追跡するコードは次のとおりです。

まず、上記の関数を次のように使用します。

第二に、説明の上部に記載されている機能を実行する現在の方法は（疑似コードで）これであるため、これを前方と後方の両方で使用します。

ご覧のとおり、この関数は順方向と逆方向の両方で機能します。または、少なくともそのほとんど。唯一の問題は、この関数を逆方向に使用すると、コメント (標準の ECMA 二重スラッシュ "//" で示される) の適切なスキャンがうまくいかないことです。

リバース コンテキスト アプリケーション用に別の関数を作成し、すべての行で二重スラッシュを再帰的にチェックし、その '//' の後のすべてを COMMENT にする場合 (または、関数の使用方向では、 //より前のすべて)、これを音楽のライブコーディング環境として使用したいので、処理時間がかかりすぎます。

また、そのメソッドを実行しようとする前にコメントを削除することはreturnCodeInScopeOfCursor実行できない場合があります...コードのインデックスとそうでないものを追跡する必要があるためです。コメントを削除すると、すべてのコード位置に大きな混乱が生じ、どこで何を正確に何文字削除したかなどを追跡することになります....私が使用しているテキスト領域入力 GUI (RichTextFX ) は Line-Char 追跡をサポートしていないため、すべてが char インデックスのみを使用して追跡されるため、問題が発生します...

だから...私は現在のコードをどうするかについて完全に当惑しています。ヘルプ、提案、アドバイスなど...大歓迎です。

私はウェブページを作成しましたが、今では「完全な機能」です。次のステップとして、いくつかのスタイルを追加したいと考えています。

このプロジェクトは Play フレームワークに基づいており、CSS の代替として SCSS を選択します (SCSS -> CSS を変換する SBT プラグインを使用)。

CSS を変更するたびに、ブラウザーでページをリロードする必要があります。これには時間がかかります。気に入ったかどうかを確認して、保持するか元に戻します。その後、最初からやり直してください。

このワークフローは私には適切ではないようです。Play で構築された Web ページのスタイルをどのように設定しますか (具体的には、私は Play テンプレートを使用しているため、HTML のすべての部分を CSS エディターにコピーして、そこからすべてのスタイルを設定することはできません)。

私が見つけた最善の方法は、CSS を Chrome で直接変更し、変更を記憶して後でソース ファイルに適用することです。

物事を行うためのより「自動」な方法はありますか? ソースファイルを直接変更する優れたエディターまたはブラウザープラグインはありますか? 私は何が欠けていますか？Play フレームワーク (または他のテンプレート システム) を使用している他の人々は何をしていますか?

ありがとうございました！

nodemonを使用してnode.jsでこれを行うことができるのと同様に、Asp.Netコアを使用してライブコーディングを行うことができるかどうか疑問に思っていました。asp.net コアを学習しようとしていますが、コード、コンパイル、デバッグのサイクルが非常に遅く、不便です。