Hatena Blog Tags
はてなブログ トップ
tailwindcss
このタグでブログを書く

tailwindcss

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
RX100で撮り歩くブログ•21 日前

Next.js + tailwindcss + microCMS + Vercelで写真のポートフォリオサイト作ってみた

年末の技術の勉強もかねて簡単な写真のサイト作ってみました。 photo.mismith.me 作った理由 Next.js + microCMS next/imageが便利 tailwindcss Next.jsでtailwindcssを使う チートシート Components hover ブレイクポイント 独自のUtilityを追加 アイコン Vercel ホスティング 独自ドメイン Google Analytics さいごに 作った理由 個人の写真まとめサイトとして500pxを使っていたが、純粋に写真だけ一覧できるようなサイトが欲しかった（500pxはSNSなのでいろいろと余計なものが表示さ…

#NextJs#Vercel#microCMS#tailwindcss

関連ブログ

nao blog•6 日前

【2021版】Hugo で typescript と tailwind css を使う

はじめに 2019年に Hugo で typescript を利用する という記事を書きました。 Hugo は進化が早く webpack は必須ではなくなっていたりと現時点でのベストプラクティスをまとめます。 また、今回は typescript に加え tailwind という css framework も利用します。 Hugo で typescript と tailwind css を使う site の作成からtypescriptの導入、tailwind cssの導入の順でまとめます。 Hugo で site を作成する hugoコマンドでexample-siteという名前のサイトを作成し…

坂本研のゼミ室•7 日前

Next.js + TypeScript + Tailwind CSS でブログサイトを作成

はじめに Next.jsでブログサイトを作成 TypeScript化 Tailwind CSSに置き換える つまづいた点 編集・追加 おわりに はじめに タイトルにもある通り、Next.js + TypeScript + Tailwind CSS を用いてブログサイトを作成した時のメモ的な感じでここに記させていただきます。 下記のバージョンで操作確認しております。 "dependencies": { "next": "^10.0.0", "react": "16.13.1", "react-dom": "16.13.1", "tailwindcss": "npm:@tailwindcss/po…

mendels’s diary•12 日前

ユニバーサル Web アプリケーション

ユニバーサル Web アプリケーション の構築へと進む。 怒涛のごとく専門用語とその定義が紹介されている。 今時の Web アプリケーション のことでしょとゆるふわな理解で先に進むぞ。 技術選定として、 UI ライブラリに React 。アプリケーションフレームワークに Next.js を利用。 簡単な例を通して実装の詳細に依存しない概要を説明します。 著者の想定する読者層の簡単はどの程度高度なのか？震えながら読むこととする。 アプリケーションは、 Web アプリケーション のルーティングを確認するために「/で、すべての ToDo」、「/active で、未完了 Todo」、「/complet…

竹田剣介のつぶやき•17 日前

2020年12月31日(木)のツイート履歴

ツイート Kensuke Takeda @takeken1_ 玉置浩二きた 23:20 Kensuke Takeda @takeken1_ “Next.js + TypeScript + VercelでJamstackなブログを作る その1 - 環境構築/記事の作成・表示 - zenpachi blog” https://b.hatena.ne.jp/-/redirect?code=77502f725e506b325e213f344d202f437721397d77214f59&location_id=4693050104064100738&signature=d9a93b8455b114d9…

RX100で撮り歩くブログ•21 日前

Next.js + tailwindcss + microCMS + Vercelで写真のポートフォリオサイト作ってみた

年末の技術の勉強もかねて簡単な写真のサイト作ってみました。 photo.mismith.me 作った理由 Next.js + microCMS next/imageが便利 tailwindcss Next.jsでtailwindcssを使う チートシート Components hover ブレイクポイント 独自のUtilityを追加 アイコン Vercel ホスティング 独自ドメイン Google Analytics さいごに 作った理由 個人の写真まとめサイトとして500pxを使っていたが、純粋に写真だけ一覧できるようなサイトが欲しかった（500pxはSNSなのでいろいろと余計なものが表示さ…

ポンコツエンジニアのごじゃっぺ開発日記。•先月

【解決済み】Laravel 8.xにバージョンアップしたらページャーがおかしくなった

Laravelを5系から8系にバージョンアップさせてみたのですが、ページャーの表示がおかしくなりました。。 正常系 ↑今まではこのように表示されていたのが、バージョンアップしてみると↓こんな感じになってしまいました。 異常系 ドキュメントの再確認 cssかなにかおかしいのかなと思って改めてドキュメントを見直してみました。 Laravel 8系 まずはLaravel 8系のページネーションのドキュメントです。 readouble.com Laravel 7系 次にLaravel 7系のページネーションのドキュメントです。 readouble.com 差分 よく読んでみると、まずイントロダクション…

laiso•先月

この技術が分からん2020

2020年に作ったソフトウェアや開発技術をふりかえる で分かったことばかり書いたけど相変わらずなんべん勉強しても分からんな〜と思うことも多いのでそれもリストアップしてみることにした。 SQL 10年以上触っているはずだけど集合のイメージが頭に入ってこなくて全然文を組み立てられずにいる。ゆるふわORMを適当に使ってる。 CSS 10年以上触っているはずだけど制約のイメージが頭に入ってこなくて全然レイアウトを組み立てられずにいる。ゆるふわTailwindCSSを適当に使ってる。 Unity 何回もダウンロードして教材を買ってるんだけど。アセットを組み立てて何か意味のあるものを作るっている状態まで行…

竹田剣介のつぶやき•先月

2020年12月16日(水)のツイート履歴

ツイート Kensuke Takeda @takeken1_ Nodistをアンインストールしただけ。 #はてなブログ 【作業ログ】Nodist をアンインストールした記事を読みながらアンインストールした (Windows) - 愛と幻想のアジャイル https://takeken1.hatenablog.com/entry/2020/12/16/222127 22:22 Kensuke Takeda @takeken1_ この記事でNodistを消すことにした。 / “2020 年ではもう使えない Nodist はアンインストールする (Windows)” https://b.hatena.…

hironekosunのブログ•先月

Next.js + TS + Tailwindで入門してみる

はじめに 最近腹筋ローラーを買って速攻で筋肉痛になりました。The walking deadもやっとシーズン10まで見終わりそうです。 なぜNext.jsを触るのか？ 在籍している会社にてNext.jsを使用する流れになり、入門はしたけども忘れてしまったから再度入門して肩慣らしでもしておこう！という気持ちになり、今回触ることにしました。 TSにしているのは、会社ではTSで実装しているため多少いじるにしてもTSの方がいいでしょう！という理由です。 Next.js nextjs.org Nuxt.jsより以前から開発が行われているReactのフレームワークです。 公式に物凄い数のexampleが用…

MiMiの技術的なあれこれ•2 か月前

【今週のまとめ】2020/11/23～2020/11/29

技術的な話について Chromeブラウザ拡張機能 ブラウザ拡張機能の作り方が書かれた記事読んだ 作りたい拡張機能のアイデアがふんわりと存在するので、来年どこかの月の開発は拡張機能にしたい Scala Play FrameworkとRDBMS(MySQL、PostgreSQL)の連携方法が全然わからん APIについては今週、先週よりも深く触ったので、どう書けば良いかイメージができつつあるけど、DB連携は検索してもよくわからん GithubにPlayで作ったアプリのソース置いてるリポジトリ探して、そのソース見てイメージ掴もうかなと思ってる TailwindCSS イイね、絶好調 CSSFWはよっぽ…

フリーランス　技術調査ブログ•2 か月前

vue3+tailwindcss2の環境構築時のエラーにはまり抜き出せず。

はじめに 前回、構築したVue3+TypeScriptの環境ににtailwindcssをインストールした px-wing.hatenablog.com px-wing.hatenablog.com 結論 下記のエラーが発生してエラーを解消できなくなってしまった。 INFO Starting development server... 98% after emitting CopyPlugin ERROR Failed to compile with 1 errors 1:33:45 PM This relative module was not found: * ../assets//font…

フリーランス　技術調査ブログ•2 か月前

Vue3のCSS Frameworkの対応状況を調べてみる

はじめに Vue3の環境などを準備したので、開発するにあたり、CSSフレームワークを検討していく。 px-wing.hatenablog.com px-wing.hatenablog.com Vue3の各CSSフレームワークの対応状況 Vuetify vuetifyjs.com Vuetifyの現在のバージョンはVue3をサポートしていません。Vue3のサポートは次のリリースで提供されます。 Vuetify v3 。新しいプロジェクトを作成するときは、VueCLIプロンプトからVue2を選択したこと、または既存のVue2プロジェクトにインストールしていることを確認してください。 Bootstr…

MiMiの技術的なあれこれ•2 か月前

【今週のまとめ】2020/11/16～2020/11/22

技術的な話について Svelte SvelteというJSコンパイラがあることを知った 海外では結構知名度があるらしく、日本ではつい最近Qiitaでトレンドになっていたのを見た（私自身Qiitaで知った） Angular + BootStrapで構築していたアプリで最近CSSFWをBootstrapからTailwindCSSに乗り換えた。 その結果としてCSSファイルが不要となったので、JSFWもAngularからReactかVueに乗り換えてみようかと思っていた矢先にSvelteの存在を知ったので試してみた 試した感触Angularよりも起動は早い（軽量かつ高速と謳われているだけあって高速さは…

ok1taの雑記•2 か月前

「Vue.js 3.0」を語るフロントエンドTechCafe-参加メモ

ラクスさん主催の勉強会に参加してvue.jsの話を拝聴したのでメモrakus.connpass.com vueのおすすめ入門書 ・基礎から学ぶ Vue.js https://www.amazon.co.jp/dp/4863542453 Q.エンジニアの人が使ってるCSSフレームワークは？(デザイナーの方からの質問) ・tailwind tailwindcss.com・materialize materializecss.com ・Vuetifyのroadmap vuetifyjs.com

dean-front’s blog•2 か月前

エンジニアになった日

初出勤を終え、今日の振り返りたいと思います。 感想を一言でいうと… 「圧倒的無力な自分と膨大な情報量のMTGで脳が萎縮しました」 ある程度学習したつもりでも、実務では全くなにもできませんでした。初日で仕方ないとはいえショックでした。入社前に学習していた、Dockerやnpm、TailWindCSSなどを前知識は入れておいたはずですが、いざ一人で「このXDのTop画面を実装して」って言われると要素などを消していくだけで同じように何一つも実装できませんでした。職場の環境 は… 直属の上司に当たる方、同じチームの方はとても優しい方でした。朝、私の机に置いてあったPCやサブディスプレイのセッティングを…