Vite + Tailwind CSSでペライチHTMLをマークアップする
はじめに つい最近、ReactもVueも使わずに静的なペライチHTMLのマークアップを行う必要に迫られました。その際ViteのVanilla[1]テンプレートとTailwindを使った環境でマークアップをしたところ非常に快適だったので、環境構築の手順を記事にしておこうと思いました。 Viteを使う理由 ViteというとVueやReactの開発ツールと思われがちですが、UIライブラリに依存しないVanillaテンプレートが用意されています。 ファイルの更新を検知してブラウザへの反映といった基本的な機能に加えて、PostCSSのサポートもあるのでTailwindでの開発と相性が良いです。 セットアップ Viteでプロジェクトを立ち上げる普段の手順に加えて、Tailwindのセットアップを行います。 npm create vite@latest # project名を入力後、フレームワークでは「
【Amplify入門】ReactもVue.jsも使わないシンプルな静的サイトを構築する | DevelopersIO
こんにちは。AWS事業本部のKyoです。 簡単に静的サイトを構築・管理したいといった場合、Amplifyが選択肢の１つに上がってきます。 Amplifyと聞くと「ReactとかVue.jsとか必要なんでしょ？」そんなイメージをお持ちの方も多いのではないでしょうか。 今回紹介するAmplify Consoleはそれらの知識はナシに、従来CloudFront + S3構成で対応していた静的サイトをより簡単に構築・管理することができます。 また、本ブログではホスティングに加えて、カスタムドメインの設定や開発環境の追加、Basic認証にも触れます。これらに関してはCloudFront + S3構成で実装するよりもはるかに簡単に設定することができます。 具体的なユースケースとしては、コーポレートサイトなどにハマるのではないかと思っています。 Amplify is 何？ まず、言葉を整理しましょう。
短時間で動画共有サイト構築 : Rappazubon
2014年01月08日13:19 カテゴリインターネットパソコン 短時間で動画共有サイト構築 ある小さな企業でこんなご相談 ファイルサーバーやNASに動画が大量にあり容量を圧迫している。 フォーマットがばらばらで環境によっては再生できないPCもある。 Youtubeなど外部にアップロードするにもセキュリティ面やトラフィックの問題がある。 なら自社にYoutubeみたいなシステムを作ればいいです。 OSSで代表的なのがPHPMotionとClipBucketというソフトらしい。 どっちも似たようなものらしいのですがClipBucketの方が進化が早い?らしいのでこちらを導入してみることにしました。 導入手順を軽くググってみたところ PHP FFMPEG FLVtool2 MP4Bo PHPShield Apache MySQL のインストールと設定が必要でかなりめんどくさそう・・・ ここは簡
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
