Vueで何かSVGコンポーネント作ろうと思って、textPathという要素でパスにテキスト表示ができるとのことなのでアルキメデスの螺旋状にぐるぐる表示するやつを作ってみた。実用性は皆無。選択できるけど… https://t.co/9wfAoPWQdq
![miyaoka on Twitter: "Vueで何かSVGコンポーネント作ろうと思って、textPathという要素でパスにテキスト表示ができるとのことなのでアルキメデスの螺旋状にぐるぐる表示するやつを作ってみた。実用性は皆無。選択できるけど… https://t.co/9wfAoPWQdq"](https://cdn-ak-scissors.b.st-hatena.com/image/square/ac8abcbbf215415f94c1f9d07ced2e80ef51ddbe/height=288;version=1;width=512/https%3A%2F%2Fpbs.twimg.com%2Fprofile_images%2F1507324050250502147%2FXEhxDFXW.jpg)
xflexbox、便利です。 何もしないと、以下のように、block要素は縦に並ぶ See the Pen JWerRv by benzenetarou@gmail.com (@benzenetarou) on CodePen. 親要素にdisplay: flexを設定すると、子要素が横に並ぶ See the Pen WpYZRw by benzenetarou@gmail.com (@benzenetarou) on CodePen. flex-direction: columnを設定すると、再び縦に並ぶ See the Pen XMyepz by benzenetarou@gmail.com (@benzenetarou) on CodePen. flex-direction: rowにして、横に並べてから、justify-content: flex-endを設定すると、右側に詰める。
SourceTreeでgit stashすると、重かったりして面倒なのでよくやる処理をすべてコマンドから行えるようにまとめました。 一時退避
いきなり結論を書くと、idやclassはスタイルのためのものなので、テストでそれを使うのはやめましょう。そして、カスタムデータ属性を使いましょう。(idやclassはスタイルのためだけではないという意見はごもっともです!しかし、主にとしてスタイルに使われるということでご了承頂いて以下の駄文に付き合って頂けると幸いです🙇) 先に断っておくと主にreactについての話で、JSXを前提とします。(手法はReactに限りませんが理由は後述) 2020/03/23 追記 この記事は1年以上前に書かれた記事なのでテストフレームワークとしてenzymeを使っていますが、現時点ではTesting Libraryの使用をオススメします。data-testid に対応するクエリを備えています。 React Testing Library · Testing Library はじめに ご存知の通り、ロジックと
Angular 1.5 has been finally released and it’s more powerful than ever before! Many new features have been added and tons of fixes landed in the latest bigger release. If you’re following our articles, you know that we love to give an overview of the latest and greatest in the Angular world. Last year we blogged about the 1.3 release in our article series Exploring Angular 1.3. With this article w
業務でExpressを触り始めてから1年ほど経ったので、私が思う「これはヤバい」をまとめておきたいと思います。 アンチパターンなので各見出しはやっちゃいけないことです。 みなさん真似しないように。ドミナントとの約束だ。 「サーバサイドもクライアントサイドもJavaScriptとか超楽じゃん」という考えでNode.jsに手を出す。 そもそも論として、Expressの中でのアンチパターンというか、プラットフォームを選ぶときに こんな考えでNode.jsを使おうとするのはヤバい というものです。 Node.jsに手を出した人の約9割(主観)がこういう思いから始め、そしてそのほとんどが「あ、これやっぱ別物だわ」となります。 まあ確かにjsなので文法は同じなんですけどね。 どちらもnpmからライブラリを引っ張ってこれるんですけどね。 結局サーバサイドとクライアントサイドを同じノリでできるわけがないん
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く