Vue.js ( Nuxt.js ) でアニメーションやってみたら最高だった話。 - Qiita
Nuxt.jsで自己紹介サイトを作りました。 https://nitta.studio/ 見ていただくと分かる通りアニメーションをしまくったのですが、、 https://t.co/CXj31medDj Nuxt.jsで自己紹介サイト作りました。NetlifyホスティングでPWA対応してます。 いろいろ自分のイカれた略歴など晒しました。宜しくお願いします。 — 新田聡一郎 (@soichiro_nitta) 2018年4月26日 VuexとVue.jsのウォッチャをつかって、 イベントハンドリング ステート変更 ウォッチャで検知 複数のコンポーネントでアニメーション発火🔥 のような書き方をしたら最高だったので、ご紹介です。 アニメーションって、どこにどの処理書けばいいのか困りませんか？ 凝ったものを実装するとめちゃめちゃなコードになりがちですよね... しかーし！Vue.jsのデータ駆動と
VuePressで作るドキュメントサイト | 前編 VuePressの基本機能
VuePressで作るドキュメントサイト 前編 VuePressの基本機能 Vue.jsの作者が開発した静的サイトジェネレーター「VuePress」の基本機能を紹介します。Markdownを書くだけでシンプルな静的サイトが作成でき、ドキュメント内でVueコンポーネントを使えるのが特徴です。 VuePressとは 今回紹介するVuePressは、Vue.jsの作者Evan You氏が作成した静的サイトジェネレータで、特に技術ドキュメントの作成に向けて作られたものです。 次のサイトはVuePressの公式ドキュメントです。 VuePress 上記のVuePressの公式サイト自体もVuePressで作られており、VuePressの機能や使い方をまとめたドキュメントになっています。 このシリーズでは2回に分けて、VuePressの主な機能を解説します。第1回目はインストールからページをビルドする
codedoodl
En la era de la inteligencia artificial, cada vez nos encontramos con aplicaciones innovadoras que revolucionan diferentes aspectos de nuestra vida cotidiana. Una de las áreas en las que la IA ha dejado su huella es en el mundo de la pornografía, brindando a los usuarios una experiencia visual única y excitante. En este artículo, exploraremos el fascinante mundo de las chicas desnudas generadas po
Github Pagesを使ったhttpsページの作り方 - Qiita
httpsのページを作るには証明書を置いたりしないといけないので ちょっとめんどくさかったりします Github pagesはSSLに対応しているので、簡単に作成することが可能です Github Pagesではユーザー用とプロジェクト(リポジトリ)用の２種類が作れます ユーザー用 ユーザー用のページはアカウントにつき１つ作れます リポジトリ作成 (username).github.ioというリポジトリを作成します READMEファイルは必要ないので、「Initialize this repository with a README」には チェックはいれません ファイル配置 次に、masterブランチに配置したいHTMLファイルをコミットします ↓こんな感じで [https://github.com/kanatapple/kanatapple.github.io] アクセスしてみる ユーザー
Vue.jsでできること8選。凄さが分かる実用例スニペット集 - Workship MAGAZINE(ワークシップマガジン)
最もよく使われているJavaScriptのフレームワークのひとつに、Vue.jsがあります。 Vue.jsを使えば複雑なユーザーインターフェイスも比較的簡単に構築でき、すでにHTML/CSSやJavaScriptの知識があるならばそれほど学習コストもかかりません。 Vue.jsは一枚板なフレームワークとは違い、部分ごとに少しずつ適用でき、また他のライブラリと組み合わせて使用できます。高い柔軟性をもち、インターフェイスを構築する上での可能性を広げてくれるのです。 ではこのオープンソースフレームワークを使うことで、どんなことができるのでしょうか。この記事ではCodePenのアーカイブから厳選した、パワフルで思わず目を引く8つの実用例をご紹介します。 1. カーソルで線を描く 以下のスニペットのように、Vue.jsを使えば通常のボタンクリックを超えたインタラクティブなUIが作成できます。 スクリ
OMUSUBI
おむすび の検索結果 キーワードマップのノードかエッジをダブルクリックすると、 Web検索の結果が表示されます。
Vue・React・Angularのパフォーマンス比較検証 - ICS MEDIA
ウェブのフロントエンド開発に役立つライブラリとして、VueとReact、Angularがよく取り上げられます。これらのライブラリは、SPA（シングルページアプリケーション）の開発に役立つ多くの機能を持っています。 フレームワークを選定するには、「人気だから使う」という短絡的な理由で選択をするのは望ましくありません。設計思想や機能の種類、学習コストなどの観点で、プロダクト・プロジェクトチームへの適性を検討するのがセオリーです。幸いにも、それぞれを比較した記事がウェブに数多くあり、選定のヒントを簡単に得ることができます。 一方、機能面の比較ばかりが取り上げられ、性能面で紹介されている記事が少ないように見受けられます。記事『サービスにおいて速さこそが神である｜深津 貴之』でも紹介されているように、昨今のウェブはスピードが求められる時代でもあり、ライブラリの性能評価の記事があってもよいのではないで
Blotter.js
Production Version Minified, 402kb Development Version Uncompressed, 752kb Overview When applying effects to text on the web, designers have traditionally been constrained to those provided by CSS. In the majority of cases this is entirely suitable – text is text right? Yet still, there exist numerous examples of designers combining CSS properties or gifs and images to create effects that evoke so
【最高のサービスは診断メーカー】資金力も知名度も無い初心者のwebサービス運営者が現実的にユーザーを獲得できるサービスの設計方法 - 考えすぎてしまう人のブログ
どうもせせりです:) 「どうやってユーザーを獲得したのか」、「作っても人が来ない」というコメントを結構もらったのでそれについて書いてみようかと思います しっかり書こうと思うとそれこそ本一冊くらいになってしまうので今回は極端にしぼります 普段ぼんやり考えている事を文章化するのがすっごく難しかったのでわけがわからなかったら優しく突っ込んで下さい:) メディアやHPの集客についてはSEOなどの話になってくると思うので素人の僕には難しいです！そっちは専門家まで！ その前に この記事ではデザインや見せ方の話ではなく「こういう風にサービスを設計すると個人でもなんとか戦える」という話をします ふわっとした話や逆に細かすぎる話ではなく本当に夢も希望もない「現実的に人を集められるサービスの設計」です イメージは「ツイッターでフォロワーが100人くらい、頑張れば30人くらいは初期ユーザーとして使ってくれる」く
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
yoshiko-pg.github.io
Web制作者がチェックしておきたい、CSSのライブラリのまとめ
