inabagumi-archive / animare.cafe Goto Github PK
View Code? Open in Web Editor NEWAniMare Unofficial Website
Home Page: https://animare.cafe/en
License: MIT License
AniMare Unofficial Website
Home Page: https://animare.cafe/en
License: MIT License
Server-Side Rendering を行わずに生成した静的リソースの配信しか行っていないため、XSSなどの外部からの不正な埋め込みを受ける可能性は低い。しかし複数の外部ライブラリーを使い、また v-html
属性も複数箇所で利用しているため DOM-Based XSS の可能性は否定できない。
外部の攻撃者から盗み出されるような個人情報はそもそも得ていない。攻撃をされたとしても大きな問題は発生しないものと思われる。そのため優先度はとても低い。
影響範囲を調べつつ、必要なものだけを許可するようにしていきたい。
なお Netlify 用に _headers
を、Firebase Hosting 用に firebase.json
をそれぞれ編集しなければならない。
aria-*
属性を追加してアクセシビリティへの配慮を行いたい。
<img src="xxx.png" srcset="xxx.png 1x, [email protected] 2x, [email protected] 3x" alt="xxx">
Nuxt.js ではページの移動時に History API が使われているため、Google Analytics 側で用意されている通常の方法では初期レンダリング時の情報しか取得されない。Nuxt.js には Google Analytics のモジュールも用意されているので、そちらを使って対処したい。
日本語で明朝体 (Serif体) を使っている箇所では英語でもSerif体を使って統一感を持たせるようにしたい。
Noto Serifを使うので良いと思う。
Google Analytics の導入 (#13) の際に必要となるもの。Google Analytics を導入するためには閲覧者の行動をトラッキングするためにクッキーが必要となる。プライバシーポリシーを書き、利用目的を明確にしておかなければならない。
html {
scroll-behavior: smooth;
}
現状の言語切り替えは
English | 日本語
のように切り替えのリンクが常時表示されるようになっている。どうしてもヘッダーにおいて占有する面積が多くなってしまっているので、これを隠蔽したい。
ヘッダーにはボタンを一つだけ配置するようにして、そこをクリックして始めて切り替える言語が選べるようになると良いと考える。
トップページと各メンバーのページにシェア用に複数のSNSへとURLの投稿ができるボタンを追加したい。
不正なコードが本番環境へのデプロイと紐付いた master ブランチに混入してしまわないように、Pull Request が merge される前に機械的なテストも実行されるようにしておきたい。
yarnpkg/yarn#5891 によれば registry.yarnpkg.com
は今後推奨されない。npm 標準のレジストリである registry.npmjs.org
からパッケージをインストールするようにしたい。
詳細な仕様や表示場所については別途考える。
どのような仕様になるにせよ YouTube から情報をリアルタイムに取得する Web API も必要になるので、先にそちらを開発しなければならない。無料枠に収め切ることが不可能で、かつコールドスタンバイで起動コストの高い Cloud Functions は避けたい。
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.