Skip to main content
本文から 1281 文字削除
ソース リンク
wataru
  • 1,133
  • 3
  • 38
  • 80

追記

こんな感じにコードを書く事で目的の正規表現を書くことができました。

const text = '---\ntitle: "シンプルに生のJavascriptでSVGを外部ファイル化する方法(jQuery, Ajax通信を使用しない)" # 記事のタイトル\nemoji: "🧠" # アイキャッチとして使われる絵文字(1文字だけ)\ntype: "tech" # tech: 技術記事 / idea: アイデア記事\ntopics: ["javascript", "svg"] # タグ。["markdown", "rust", "aws"]のように指定する\npublished: true # 公開設定(falseにすると下書き)\ndate: "2020.09.30"\n---\nSVGを`index.html`に直書きするのが嫌でネットで調べたら、PHPかjQueryの`load()`、Javascriptの`XHttpRequest()`しかなかった(ローカル内でget通信するのは気持ち悪い)ので自分なりにベストプラクティスを考えてみた。\n\n## まえがき\n私は新卒2ヶ月で会社を辞めて、今無職である。今日がちょうど無職になってから91日目である。詳しくはideatrendに上げた[記事][1]に書いてある。\nそして前職はエンジニアとは関係なく、>今は趣味プログラマーで在宅でクラウドワークスでもらったPythonで書かれたシステムのコード解析・エラー改修を継続して行ってる。ほぼボランティアに近い。CS学士ない、文系卒、エンジニア職の未経験の人間が書いている。\n\nなのでこの記事は知見の共有として成り立てばこれほど嬉しい事はないが、こんな方法考えたけど、これってセキュリティ的とかエンジニアとしてはこういった書き方はしないな等、確かめる意味合いが強いので現役のエンジニアからアドバイスが頂けると嬉しい。\n\n### Javascriptでしか書けない理由';

const metadate = text.match(/^---[\s\S]*---/)
//console.log(metadate)
const lastNumber = text.lastIndexOf(metadate[0])
const removedMeta = text.slice(metadate.index + metadate[0].length, text.length)
const text140 = removedMeta.slice(0, 140)
const removedSymbol = text140.replace(/\`|\[記事\]\[[0-9]\]|\n#+[\s\S]*?\n|#+[\s\S]*|\n|-|>/g, '')
console.log(removedSymbol)

追記

こんな感じにコードを書く事で目的の正規表現を書くことができました。

const text = '---\ntitle: "シンプルに生のJavascriptでSVGを外部ファイル化する方法(jQuery, Ajax通信を使用しない)" # 記事のタイトル\nemoji: "🧠" # アイキャッチとして使われる絵文字(1文字だけ)\ntype: "tech" # tech: 技術記事 / idea: アイデア記事\ntopics: ["javascript", "svg"] # タグ。["markdown", "rust", "aws"]のように指定する\npublished: true # 公開設定(falseにすると下書き)\ndate: "2020.09.30"\n---\nSVGを`index.html`に直書きするのが嫌でネットで調べたら、PHPかjQueryの`load()`、Javascriptの`XHttpRequest()`しかなかった(ローカル内でget通信するのは気持ち悪い)ので自分なりにベストプラクティスを考えてみた。\n\n## まえがき\n私は新卒2ヶ月で会社を辞めて、今無職である。今日がちょうど無職になってから91日目である。詳しくはideatrendに上げた[記事][1]に書いてある。\nそして前職はエンジニアとは関係なく、>今は趣味プログラマーで在宅でクラウドワークスでもらったPythonで書かれたシステムのコード解析・エラー改修を継続して行ってる。ほぼボランティアに近い。CS学士ない、文系卒、エンジニア職の未経験の人間が書いている。\n\nなのでこの記事は知見の共有として成り立てばこれほど嬉しい事はないが、こんな方法考えたけど、これってセキュリティ的とかエンジニアとしてはこういった書き方はしないな等、確かめる意味合いが強いので現役のエンジニアからアドバイスが頂けると嬉しい。\n\n### Javascriptでしか書けない理由';

const metadate = text.match(/^---[\s\S]*---/)
//console.log(metadate)
const lastNumber = text.lastIndexOf(metadate[0])
const removedMeta = text.slice(metadate.index + metadate[0].length, text.length)
const text140 = removedMeta.slice(0, 140)
const removedSymbol = text140.replace(/\`|\[記事\]\[[0-9]\]|\n#+[\s\S]*?\n|#+[\s\S]*|\n|-|>/g, '')
console.log(removedSymbol)
本文に 1279 文字追加
ソース リンク
wataru
  • 1,133
  • 3
  • 38
  • 80

追記

こんな感じにコードを書く事で目的の正規表現を書くことができました。

const text = '---\ntitle: "シンプルに生のJavascriptでSVGを外部ファイル化する方法(jQuery, Ajax通信を使用しない)" # 記事のタイトル\nemoji: "🧠" # アイキャッチとして使われる絵文字(1文字だけ)\ntype: "tech" # tech: 技術記事 / idea: アイデア記事\ntopics: ["javascript", "svg"] # タグ。["markdown", "rust", "aws"]のように指定する\npublished: true # 公開設定(falseにすると下書き)\ndate: "2020.09.30"\n---\nSVGを`index.html`に直書きするのが嫌でネットで調べたら、PHPかjQueryの`load()`、Javascriptの`XHttpRequest()`しかなかった(ローカル内でget通信するのは気持ち悪い)ので自分なりにベストプラクティスを考えてみた。\n\n## まえがき\n私は新卒2ヶ月で会社を辞めて、今無職である。今日がちょうど無職になってから91日目である。詳しくはideatrendに上げた[記事][1]に書いてある。\nそして前職はエンジニアとは関係なく、>今は趣味プログラマーで在宅でクラウドワークスでもらったPythonで書かれたシステムのコード解析・エラー改修を継続して行ってる。ほぼボランティアに近い。CS学士ない、文系卒、エンジニア職の未経験の人間が書いている。\n\nなのでこの記事は知見の共有として成り立てばこれほど嬉しい事はないが、こんな方法考えたけど、これってセキュリティ的とかエンジニアとしてはこういった書き方はしないな等、確かめる意味合いが強いので現役のエンジニアからアドバイスが頂けると嬉しい。\n\n### Javascriptでしか書けない理由';

const metadate = text.match(/^---[\s\S]*---/)
//console.log(metadate)
const lastNumber = text.lastIndexOf(metadate[0])
const removedMeta = text.slice(metadate.index + metadate[0].length, text.length)
const text140 = removedMeta.slice(0, 140)
const removedSymbol = text140.replace(/\`|\[記事\]\[[0-9]\]|\n#+[\s\S]*?\n|#+[\s\S]*|\n|-|>/g, '')
console.log(removedSymbol)

追記

こんな感じにコードを書く事で目的の正規表現を書くことができました。

const text = '---\ntitle: "シンプルに生のJavascriptでSVGを外部ファイル化する方法(jQuery, Ajax通信を使用しない)" # 記事のタイトル\nemoji: "🧠" # アイキャッチとして使われる絵文字(1文字だけ)\ntype: "tech" # tech: 技術記事 / idea: アイデア記事\ntopics: ["javascript", "svg"] # タグ。["markdown", "rust", "aws"]のように指定する\npublished: true # 公開設定(falseにすると下書き)\ndate: "2020.09.30"\n---\nSVGを`index.html`に直書きするのが嫌でネットで調べたら、PHPかjQueryの`load()`、Javascriptの`XHttpRequest()`しかなかった(ローカル内でget通信するのは気持ち悪い)ので自分なりにベストプラクティスを考えてみた。\n\n## まえがき\n私は新卒2ヶ月で会社を辞めて、今無職である。今日がちょうど無職になってから91日目である。詳しくはideatrendに上げた[記事][1]に書いてある。\nそして前職はエンジニアとは関係なく、>今は趣味プログラマーで在宅でクラウドワークスでもらったPythonで書かれたシステムのコード解析・エラー改修を継続して行ってる。ほぼボランティアに近い。CS学士ない、文系卒、エンジニア職の未経験の人間が書いている。\n\nなのでこの記事は知見の共有として成り立てばこれほど嬉しい事はないが、こんな方法考えたけど、これってセキュリティ的とかエンジニアとしてはこういった書き方はしないな等、確かめる意味合いが強いので現役のエンジニアからアドバイスが頂けると嬉しい。\n\n### Javascriptでしか書けない理由';

const metadate = text.match(/^---[\s\S]*---/)
//console.log(metadate)
const lastNumber = text.lastIndexOf(metadate[0])
const removedMeta = text.slice(metadate.index + metadate[0].length, text.length)
const text140 = removedMeta.slice(0, 140)
const removedSymbol = text140.replace(/\`|\[記事\]\[[0-9]\]|\n#+[\s\S]*?\n|#+[\s\S]*|\n|-|>/g, '')
console.log(removedSymbol)
ソース リンク
wataru
  • 1,133
  • 3
  • 38
  • 80

JavaScriptで正規表現を使って余分な記号等を取り除きながら、記事の最初20文字くらいを取得したい。

下記のようなマークダウンファイルからサムネイルに使う用として、記事の最初20文字くらい取得したいです。

最初の ---~--- で囲われてるのはメタ情報なのでまずここを取り除きます。
次に ##に続く改行までの文字列や index.htmlを囲ってるクオーテーション、 [記事][1]のようなリンクも取り除きたいです。
それらを取り除いた文字列20文字くらいを取り出したいです。
複雑な正規表現になるためどのように書き始めたらよいか分かりません。
ご教授願いできないでしょうか?
よろしくお願いします。

---
title: "シンプルに生のJavascriptでSVGを外部ファイル化する方法(jQuery, Ajax通信を使用しない)" # 記事のタイトル
emoji: "🧠" # アイキャッチとして使われる絵文字(1文字だけ)
type: "tech" # tech: 技術記事 / idea: アイデア記事
topics: ["javascript", "svg"] # タグ。["markdown", "rust", "aws"]のように指定する
published: true # 公開設定(falseにすると下書き)
date: '2020.09.30'
---
SVGを`index.html`に直書きするのが嫌でネットで調べたら、PHPかjQueryの`load()`、Javascriptの`XHttpRequest()`しかなかった(ローカル内でget通信するのは気持ち悪い)ので自分なりにベストプラクティスを考えてみた。

## まえがき
私は新卒2ヶ月で会社を辞めて、今無職である。今日がちょうど無職になってから91日目である。詳しくはideatrendに上げた[記事][1]に書いてある。
そして前職はエンジニアとは関係なく、今は趣味プログラマーで在宅でクラウドワークスでもらったPythonで書かれたシステムのコード解析・エラー改修を継続して行ってる。ほぼボランティアに近い。CS学士ない、文系卒、エンジニア職の未経験の人間が書いている。

なのでこの記事は知見の共有として成り立てばこれほど嬉しい事はないが、こんな方法考えたけど、これってセキュリティ的とかエンジニアとしてはこういった書き方はしないな等、確かめる意味合いが強いので現役のエンジニアからアドバイスが頂けると嬉しい。

### Javascriptでしか書けない理由
...続く