常連

## テーマ、知りたいこと

皆さんはどのような形式でファイルの管理やディレクトリの管理をしデータを管理しているのでしょうか？
自分は最近、PCのディレクトリを整理したり個人のスマホのメモ帳でメモっていた内容すべてをスプレッドシートに移行したりしていました。
特にディレクトリについては、決まったテンプレートもなく開発で様々なソフトを使っているとuser(ログイン名)のディレクトリにたくさん不要なファイルが作られたりして行きますよね。
そこでmyFolder的なのを作って
project,社内情報, 報告書、toolなどのフォルダを作っています。

メモについてはプログラミングに関して言えば
対象, 概要, メモ
のような列を持ったスプレッドシート状のテーブルを作成して、対象には言語やソフトウェアが何かを書いて管理しています。

また、こういった情報って業務上で学べるものなんでしょうか？新卒で採用された経験がないので新人研修的なものもなく、どのように皆さん考えておられるのか不思議です。

## 背景、状況

twitterで
「今新入社員にひと言伝えるなら、「すべての情報を基本mdファイルで管理しよう」ですね」
という内容の投稿が2,000回以上いいねされていました。

また、友人から「エンジニアだったりパソコンに詳しい人はオフィスソフトじゃなくてmdを使うのか？」と質問され、自分の考えが特殊なのもあり皆さんのご意見をお伺いしたいと思いました。

mdって使いづらい感じがするんですが、そんなにいいものでしょうか。
段落を自分で考えねばならず、ファイル毎の管理になるのでデータ管理としては見通しもよくありません。
人に見せる用の使い捨てであればわかりますが、すべての情報をと記載されていますしmdってデータの管理の側面で使い道あるのでしょうか。
md以外の形式からmdとしてデータを出力するプログラムはかけそうですが、逆は厳しい感じもします。

## 補足
mdだけに話題を絞ると内容がなさそうなので、データ管理全般についてもお伺いしようかと思いました。
意見交換の使い方がいまいち分かっていないのですが。
使い方がどこに書いているのか定かではありませんでしたが、とりあえず以下の内容を読むに問題無さそうと判断しています。
https://blog.teratail.com/entry/release-discussion

## 質問後追記
投稿前に気づけよって話ですがgitでバージョン管理しているなら、mdとクラウドサービス一択になりそうですね。。。
自分のところではsvnを使用しているので、完全に失念していました。。。
そう考えると使い分けの考えについても完全に納得いきます。。。

データの管理、ディレクトリやファイル形式について

### 前提・実現したいこと

VS CodeでMarkdownを記述してローカルに保存した画像を表示したいのですが、表示できません。
VS Code自体は先程インストールしたばかりで特別な設定などはしておりません(日本語にしてpast imageという拡張機能を導入したくらいです)。
```
![](google.png)
```
フォルダ階層は以下の通りです。(Test1.mdがMarkdown記述ファイルです)
![](aeeeebcaebcd6aebbad647a6670665b0.png)


単純に画像を表示する機能がないだけだと思い、以下のように記述したところ画像の表示がされました。
```ここに言語名を入力
![](https://teratail.storage.googleapis.com/assets/img/common/icnReloadBtn.png?1536717371869247)
```
また、相対パスの設定か何かがおかしいのかと思い、以下のような記述にしてみても表示されませんでした。
```
![](file:///C:/フォルダまでのパス/google.png)
```

どなたかご教授よろしくお願い致します。

追記
以下のようになっています。
![イメージ説明](b27762345b2471f9199b5e656bee4e41.png)

VS CodeでMarkdownを記述してローカルに保存した画像の表示方法

###前提・実現したいこと
 ←ここにスペースを空けたい

###発生している問題・エラーメッセージ
 ←ここにスペースが空かない

###該当のソースコード
```text
 ←ここにスペースを空けたい
```

###試したこと
 ←ここに半角スペース
 ←ここに全角スペース
          ←ここに全角スペース*10
.          ←行頭以外はスペースが効く


###補足情報(言語/FW/ツール等のバージョンなど)

行頭に半角/全角スペースをいくら突っ込んでも、プレビュー段階で勝手に削除されてしまう。
単純に行頭を1文字下げてテキストを表示したい。

コード中の2行目以降であれば効くが(何故か1行目は効かない)、平文の部分で行いたい。
ヘルプのmarkdownには該当のような項目の記載はなかった。
HTML等は当然無効。

というか半角だけならまだしも全角を勝手に潰すってのはどうなんだ。

![イメージ説明](6599668debf1503d10a41f05165fece5.png)

【teratail】行頭にスペースを入れたい

### 前提・実現したいこと

JupyterのMarkdownでの出力において、表自体（表のセルの内容ではなく）を
左に寄せる形で出力したいです。

### 発生している問題・エラーメッセージ

表自体が中央ぞろえのような形で出力されます。
※両画面端までいくような大きな表ではなく、比較的小さな表です。

### 試したこと

Jupyter 表 Markdown
といったキーワードで検索しましたが、
実現したい方法がみつかりませんでした。

### 補足情報（FW/ツールのバージョンなど）
Windows7 32bit
Jupyter 5.0.0
Python 2.7.13
Anaconda custom (32-bit)
IPython 5.3.0
Chrome 64.0.3282.186（Official Build） （32 ビット）

JupyterのMarkdownで表自体を左寄せしたい

VS Code Markdown　で画像がPreviewに表示されません。
ここは初めてなので使い方がうまくないと思いますが、ご容赦ください（ご指摘は歓迎します）

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-06-30/e9aae459-b212-4ee8-98c9-58e9033c55d6.png)
ワークスペースに記述したマークダウンに画像を表示しようとするとローカルフォルダへの画像の表示ができません。
~~~
![BorderLine種類](img/BorderLine.png)
![qwerty](file:///C:/tmp/BorderLine.png)
![Test](./img/BorderLine.png)
![Test1](../../c#/img/BorderLine.png)


![picture 2](https://images.tetsudo.com/report/305/65_001.jpg)
~~~
インターネットのURLに対しては表示されていますが、このマークダウンファイルを起点とした表示などではうまくいきません。
ワークスペースを起点とかするという話もあったので、念のため　プログラムヒント.code-workspace　のあるフォルダからのパスも書きましたが(Test1)ワークスペースの起点の位置がこのファイルの位置かもわからない程度なのかもしれませんがダメでした。

拡張機能は、使ってもいない Jupytter や、Kite, Markdown All in One, Path Intellisense, PrintCode,Python, Remote WSL, vscode.pdf などなどいろいろ入れています。

Markdown Imageは、いったん入れて外して　Paste Imageを入れましたが、どうやら入れる前と後で変わりはないようです。

なお、OSは　Windows11 Proです。

どうか、よろしくお願いします。

VS Code Markdown　で画像がPreviewに表示されません。

Markdownで下記のようにリストの入れ子を記述する時に、GitHubのMarkdownなど、実装によっては入れ子の行先頭に半角スペース2個以上が必要なようですが、2個以上でないといけない何か明確な理由があるのでしょうか？

```Markdown
- foo
  - bar
- hoge
  - fuga
```

利便性を考えると個人的には半角スペース1個以上で問題ないとは思うのですが、なにか資料などがありましたら教えて下さい。宜しくお願いします。

Markdownでリストの入れ子のインデント数について

こんにちは。 

###前提・実現したいこと
すごく基本的な質問で恐縮です。
teratailやマークダウンで使う、コードを示す「```」の、キーボードからの入力方法や、文字コード番号(Unicode/SJIS)、読み方などを教えていただけないでしょうか。

###発生している問題・エラーメッセージ
入力できずに、コードをマーキングできず困っています。

です。 
 よろしくお願いします。

「```」の、キーボードで入力方法

初めてこちらを利用させて頂きます、プログラミング未経験な為、至らないところがありましたら申し訳ございません。

### 前提・実現したいこと
内容としては、PC・スマートフォンにて記入したメモ（プレーンテキストファイル）を、HTML形式で見やすく表示させる形を目指しています。
アプリ専用ソフトは必要とせず、ブラウザのみで機種依存しない閲覧方法を考えているためです。

その際、マークダウン形式に似たような表現で処理できればと考えています。
例えば、文章先頭に「###」と記入してあれば、ヘッダー3として扱われ太字や間隔の装飾をして文章を出力できたら望ましいです。

イメージとしては下図の様な単純な内容です。
![![目標イメージ](39ecca0ae1a18a444fdba6968b600ee5.jpeg)


現状は、**テキストファイルを読み込んで表示する**、程度まで出来た形です。

> [HTML5/ JavaScript でテキストファイルを読み込んで表示 - Qiita](https://qiita.com/junya/items/6b7ef4a2184e1f743420)

こちら様のコードを引用利用しました。


### 発生している問題
つぎに躓いている部分は、**表示される文章をどう改変・装飾すれば良いのか**というところです。

0. 装飾判定部分（###等）を元に、ページ内を装飾する。
0. 先頭の装飾判定部分（###等）を自動消去する。


文字列を検索して、条件にあった部分に装飾用classを割り当てる？ような方法をすれば良いのでしょうか。
恐らくJavaScriptを利用するのであろうとは思うのですが、知識が乏しいためご助言頂ければ幸いです。

### 現状のソースコード

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>daylog index</title>
</head>
<body>
<pre id="preview" ></pre>
<input type="file" id="getfile" accept="text/*">
<script>file = document.querySelector('#getfile');

file.onchange = function (){
  var fileList = file.files;
  //読み込み
  var reader = new FileReader();
  reader.readAsText(fileList[0]);

  //読み込み後
  reader.onload = function  () {
    document.querySelector('#preview').textContent = reader.result;
  };
};
</script>
</body>
</html>
```
> [HTML5 / JavaScript でテキストファイルを読み込んで表示 - Qiita](https://qiita.com/junya/items/6b7ef4a2184e1f743420)

こちら様のコードを引用利用しました。