はてなブックマーク

正式に Svelte公式サイトの日本語版が公開されました！ Svelte API 日本語訳 Svelteのドキュメントの一部を機械翻訳してみた、うまく訳せない箇所に関しては手直ししていますが、文章量が多すぎるために細かいところまではチェックできていないので、変になっている箇所があったらコメント欄にてご指摘ください。 参照元：https://svelte.dev/docs コンポーネント形式 コンポーネントは、Svelteアプリケーションの構成要素です、それらはHTMLのスーパーセットを使用して .svelte ファイルに書き込まれます。 スクリプト、スタイル、マークアップの3つのセクションはすべてオプション（任意）です。 <script> // logic goes here </script> <style> /* styles go here */ </style> <!-- mark

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 2019年2月 爆速テンプレートが公開された 先日、FC2ブログにおいて「爆速テンプレート」というものがリリースされました。 これはその名の通りタフなニューメキシコの荒野でもブログが爆速で見れるテンプレートで、爆速である代わりにカスタマイズの自由度は通常のテンプレートよりもかなり低い、というもの。 その爆速具合を実際に体感できるようにサンプル用の爆速テンプレートブログが公開されていますので、具体的にどういうものか知りたい方は下記のリンク先で体感してください。 爆速テンプレート サンプルブログ この記事はその爆速さに興味をもってその中身を

はじめに Vuejs は非常にとっつきやすく直感的に使える上に、多機能で大規模なサイトでも小規模なサイトでもスケールするJSフレームワークです。公式ドキュメントも充実しており、欲しいと思う情報や機能はほとんどそれだけでカバーすることが出来ます。 しかしながら多機能かつ柔軟性の高いフレームワークであるため、公式ドキュメントも肥大化しており、欲しい情報が見つけにくい!ということも当然あるため、ここに自分用に Vuejs のスロット機能の使い方についてメモっておきます。 おしながき コンポーネント内で複数のスロットを指定したい（名前付きスロット） スロットのスコープについて スロット内にスロットの外から値を渡したい（スコープ付きスロット） スロットの名前を動的に変更したい（動的スロット） v-slot:とか書くのがめんどくさい（省略記法） 名前付きスロット コンポーネント内にスロットで置き換えた

はじめに vuejsはとっつきやすく完成度の高いJSフレームワークだと思っていますし、日本語のドキュメントも充実しています、実際に下記の機能も全て公式ドキュメントに記載されている内容です。 しかしながら、実際にやりたいことと機能名の間に乖離があったりして、いざ使用する時に意外に実装方法などを見つけにくい場合も当然ながら存在するため、自分用に Vuejs のちょっと便利なコンポーネントの機能をメモっておきます。 お品書き 共通した親要素を使いまわしたい（スロット配信） パラメーターによって使用するコンポーネントを変えたい（動的コンポーネント） 複数のコンポーネントで、同じ処理を使いまわしたい（ミックスイン） 出力するタグを動的に指定したい 共通した親要素を使いまわしたい いわゆるラッパーコンポーネント、例えば10個のコンポーネントを作る必要があるとして、その全てが共通したヘッダやフッタを持っ