ミライスタート TECH系ブログ

株式会社ミライスタートのエンジニア達が気になったTECH系の記事等をアップしています!

Javascript

【JavaScript】【Riot】【勉強】タグのネスト

こんばんは。とりあえず、3日続いたので一区切りを考えている石井です。Riotでタグファイルからタグファイルをコールできるのか興味本位で調べていたら、 タグのネストがそれっぽかったので試してみました。index.html <html> <body> <sample></sample> <script src="https://cdnjs.cloudflare.com/ajax/libs/riot/3.0.1/riot+compiler.min.js"></script> <script type="riot/tag" src="sample.tag"> </script> <script> ri…</body></html>

【JavaScript】【Riot】【勉強】ソースの分割②

こんばんは。今日も少しRiotを触った石井です。今回はタグファイルを2つ用意しました。index.html <html> <body> <sample></sample> <sample2></sample2> <script src="https://cdnjs.cloudflare.com/ajax/libs/riot/3.0.1/riot+compiler.min.js"></script> <script type="riot/tag" src="sample.tag"> </script> <script type="riot/tag" src="sample2.tag"> </body></html>

【JavaScript】【Riot】【勉強】タグファイル中でスタイルを宣言できる

こんばんは。訳あって連投中の石井です。タイトルの通り、タグファイルにスタイルを持たせることもできるようです。index.html <html> <body> <sample></sample> <script src="https://cdnjs.cloudflare.com/ajax/libs/riot/3.0.1/riot+compiler.min.js"></script> <script type="riot/tag" src="sample.tag"> </script> <script> riot.mount('sample',{ title:"テスト" }) </script> …</body></html>

【JavaScript】【Riot】【勉強】タグファイルにオブジェクトを渡す

こんばんは。少しでも手元にソースを貯めておきたい石井です。前回はタグファイルを作成してsampleタグを切り出しました。 ただ、タグファイルに引数を渡したい時もあるかと思いますが、 そういう場合に以下のようにオブジェクトをタグファイルに渡せるよう…

【JavaScript】【Riot】【勉強】ソースの分割

こんばんは。Riotを勉強してみようと思った石井です。最近時間がないけど、Riotの勉強もしたいということで、 超低速でRiotを勉強しようと思っている。とりあえず、前回はRiotで簡単なHTMLを1ファイルで作成したので、 今回は2ファイルに分けてみる。index…

【JavaScript】Riotを勉強してみようと思った話

こんばんわ。Reactの勉強の前にそびえ立つ大きな壁に阻まれて おめおめと引き下がった石井です。Reactと一緒にフロントを軽く諦めかけていた時に、 Riotというライブラリが話題になっているのを見つけ軽く触ってみました。 <html> <body> <sample></sample> <script src="https://cdnjs.cloudflare.com/ajax/libs/riot/2.6.4/riot+compiler.min.js"></script> <script type="riot/tag"> <sample> <h3>{ title }</h3> </sample></body></html>

【JavaScript】Reactを使おうと思って諦めた話

こんばんわ。VB6erの石井です。かなりフロント界隈の技術から取り残されてしまったので、 Javascriptも勉強しないと、と思い 流行っているReactの勉強から始めようと思いました。そう、結果はタイトルの通りです。Reactで最初に出てきたキーワードは以下の通…