LaravelでMarkdownをブラウザに表示する方法

-BSBWFMͰ.BSLEPXOΛ ϒϥ΢βʹදࣔ͢Δํ๏ 8FCº1)15FDI$BGF 4"8

XIPBNJ w ࢯ໊Ճ౻फҰ࿠ ࡀ ‣ େࡕࡏॅɾѪ஌ग़਎ ‣ ϋϯυϧωʔϜ4"8
w 4/4ΞΧ΢ϯτ ‣ 5XJUUFS!B[VLJ@FBUFS ‣ (JU)VCB[VLJQFOHVJO w ॴଐגࣜձࣾ.4&/ ೥໨ 2 FreeBSD macOS Linux Vue.js

.BSLEPXOΛ)5.-ʹม׵ͯ͠ૹ৴ w -BSBWFMͰ.BSLEPXOΛ)5.-ʹม׵ͯ͠Ϗϡʔʹ൓ө͍ͨ͠ ‣ ྫ.BSLEPXOͰهࣄΛॻ͚ΔϒϩάγεςϜͷ࡞੒ w 1)1ͷ.BSLEPXOύʔαϥΠϒϥϦcebe/markdownΛಋೖ ‣ ෳ਺ͷ.BSLEPXOॻࣜʹରԠ
5SBEJUJPOBM(JU)VC.BSLEPXO&YUSB 3

1)1.BSLEPXOύʔαϥΠϒϥϦͷൺֱ w DFCFNBSLEPXO ‣ ରԠॻࣜ5SBEJUJPOBM(JU)VC.BSLEPXO&YUSB w 1)1.BSLEPXO ‣ ରԠॻࣜ5SBEJUJPOBM.BSLEPXO&YUSB w
1BSTFEPXO ‣ ରԠॻࣜ(JU)VC 4

DFCFNBSLEPXOͷಋೖํ๏ w $PNQPTFSܦ༝ͰΠϯετʔϧ ‣ composer require cebe/markdown w .BSLEPXOύʔαΫϥεΛಡΈࠐΈ ‣
cebe\markdown\Markdown.BSLEPXOͷύʔαΫϥε ‣ cebe\markdown\GithubMarkdown(JU)VCॻࣜͷύʔαΫϥε ‣ cebe\markdown\MarkdownExtra.BSLEPXO&YUSBॻࣜͷύʔαΫϥε 5

DFCFNBSLEPXOͷར༻ํ๏ w .BSLEPXOύʔαΫϥεͷಡΈࠐΈ ‣ use cebe\markdown\GithubMarkdown; w ύʔαΠϯελϯεͷੜ੒ ‣ new
GithubMarkdown(); w )5.-ܗࣜʹม׵ ‣ $parser->parse($markdown); 6 <?php use cebe\markdown\GithubMarkdown; public class Md2Html { public static function convert($md) { $parser = new GithubMarkdown(); return $parser->parse($md); } }

ม׵݁ՌΛϏϡʔʹ൓ө w #MBEFϑΝΠϧʹม׵಺༰ΛຒΊࠐΈ ‣ $parser->parse($md)͸)5.-ܗࣜͷจࣈྻΛฦ٫ ‣ {!! !!}Ͱ)5.-ͷΤεέʔϓΛ๷ࢭ 7 <div>{!!
$html !!}</div> <div> <ul> <li>Laravel</li> <li>CakePHP</li> <li>FuelPHP</li> </ul> </div>

.BSLEPXOύʔαͷར༻ྫ w .BSLEPXOͰهࣄΛฤू͢ΔϒϩάγεςϜ 8 Laravel ฤू ౤ߘɾϓϨϏϡʔ อଘ NE औಘ
NE ม׵ IUNM ౤ߘ಺༰ͷ Ϗϡʔ ΫϥΠΞϯτ %# औಘ NE ฤूը໘

ιʔείʔυྫ 9 class Article extends Model { public function getBodyAttribute($value)
{ $parser = new GithubMarkdown(); $this->attributes[‘body’] = $parser->parse($value); } } class ArticleController extends Controller { public function index(Request $req, $id) { $article = Article::find($id); return view(‘article’, [ ‘article’ => $article ]); } } <h1> {{ $article->title }} </h1> <article> {!! $article->body !!} </article>

·ͱΊ w 1)1ͷ.BSLEPXOύʔαDFCFNBSLEPXOͷ঺հ ‣ ෳ਺ͷॻࣜʹରԠՄ w -BSBWFM΁ͷಋೖํ๏ͱར༻ํ๏Λઆ໌ ‣ ରԠ͢Δ.BSLEPXOύʔαͷछྨ ‣
.BSLEPXO͔Β)5.-΁ม׵͢Δํ๏ 10

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠

LaravelでMarkdownをブラウザに表示する方法

LaravelでMarkdownをブラウザに表示する方法

SAW

More Decks by SAW

Other Decks in Programming

Featured

Transcript

-BSBWFMͰ.BSLEPXOΛ ϒϥ΢βʹදࣔ͢Δํ๏ 8FCº1)15FDI$BGF 4"8

XIPBNJ w ࢯ໊Ճ౻फҰ࿠ ࡀ ‣ େࡕࡏॅɾѪ஌ग़਎ ‣ ϋϯυϧωʔϜ4"8

.BSLEPXOΛ)5.-ʹม׵ͯ͠ૹ৴ w -BSBWFMͰ.BSLEPXOΛ)5.-ʹม׵ͯ͠Ϗϡʔʹ൓ө͍ͨ͠ ‣ ྫ.BSLEPXOͰهࣄΛॻ͚ΔϒϩάγεςϜͷ࡞੒ w 1)1ͷ.BSLEPXOύʔαϥΠϒϥϦcebe/markdownΛಋೖ ‣ ෳ਺ͷ.BSLEPXOॻࣜʹରԠ

1)1.BSLEPXOύʔαϥΠϒϥϦͷൺֱ w DFCFNBSLEPXO ‣ ରԠॻࣜ5SBEJUJPOBM(JU)VC.BSLEPXO&YUSB w 1)1.BSLEPXO ‣ ରԠॻࣜ5SBEJUJPOBM.BSLEPXO&YUSB w

DFCFNBSLEPXOͷಋೖํ๏ w $PNQPTFSܦ༝ͰΠϯετʔϧ ‣ composer require cebe/markdown w .BSLEPXOύʔαΫϥεΛಡΈࠐΈ ‣

DFCFNBSLEPXOͷར༻ํ๏ w .BSLEPXOύʔαΫϥεͷಡΈࠐΈ ‣ use cebe\markdown\GithubMarkdown; w ύʔαΠϯελϯεͷੜ੒ ‣ new

ม׵݁ՌΛϏϡʔʹ൓ө w #MBEFϑΝΠϧʹม׵಺༰ΛຒΊࠐΈ ‣ $parser->parse($md)͸)5.-ܗࣜͷจࣈྻΛฦ٫ ‣ {!! !!}Ͱ)5.-ͷΤεέʔϓΛ๷ࢭ 7 <div>{!!

.BSLEPXOύʔαͷར༻ྫ w .BSLEPXOͰهࣄΛฤू͢ΔϒϩάγεςϜ 8 Laravel ฤू ౤ߘɾϓϨϏϡʔ อଘ NE औಘ

ιʔείʔυྫ 9 class Article extends Model { public function getBodyAttribute($value)

·ͱΊ w 1)1ͷ.BSLEPXOύʔαDFCFNBSLEPXOͷ঺հ ‣ ෳ਺ͷॻࣜʹରԠՄ w -BSBWFM΁ͷಋೖํ๏ͱར༻ํ๏Λઆ໌ ‣ ରԠ͢Δ.BSLEPXOύʔαͷछྨ ‣

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠