ウェブデザイン– category –
-
ウェブデザイン
VERCELを使ってNuxt.jsのプロジェクトをデプロイする
ずっと話題のVERCELをやっと触ってきました。デプロイする時に色々と躓いたのでメモです。 【VERCELの設定をしっかりと確認】 これはプロジェクト内のリポジトリ設定画面 VERCELを触って思ったのは、画面の階層がめちゃくちゃわかりずらい。使い慣れてない... -
ウェブデザイン
Nuxt.jsにTailwind.cssを入れる方法
いつも小説家になろうのブログばかり書いているので、今日は久々に個人開発の方の記事を更新です。 最近Reactで色々作ってたのですが、Vue.jsを触る機会がありましてハマっちゃいました。そこから、Nuxt.jsにハマってささっとUI組みたいのでTailwind.cssを... -
ウェブデザイン
【React】Reactをyarnを使って導入する方法を解説
【Reactとは?】 Reactは、ユーザーインターフェース(UI)を構築するためのJavaScriptライブラリです。Reactを使用すると、UIをコンポーネントと呼ばれる小さな部品に分割し、それらを組み合わせて構築することができます。Reactの特徴的な点は、仮想DOM... -
ウェブデザイン
Tailwind.cssの導入方法、すごく簡単だったのでやってみよう
最近Tailwind.cssを使ってみて、導入方法がとても簡単だったので紹介します。 nodeをインストールしている前提で行います。(nodeのインストールは別の記事で紹介します) 【Tailwind.cssのインストール】 yarnを使ってインストールします。 インストール... -
ウェブデザイン
【React】Error: Objects are not valid as a React childの解決策
React初心者の私にとって意味不明だったエラーをやっと解決できた!嬉しい!このエラーメッセージ "Error: Objects are not valid as a React child" は、Reactでコンポーネントがレンダリングされる際に、オブジェクトが直接子供として使用されているとき... -
ウェブデザイン
WordPressアイキャッチ画像の設定し表示する 初心者向けガイド
こちらのサイトであまり活用できていない、WordPressの素ん晴らしい機能の一つである「アイキャッチ画像」本来であればとっても重要なWordPressの機能なので、自戒を込めてまとめました。。。ちゃんと使おう...いや、ちゃんとアイキャッチ画像作ろう.... ... -
ウェブデザイン
SNSのアイコン・ロゴの配布場所【2023年11月最新版】
Meta運営するSNSアイコン・ロゴ( facebook, instagram, whatapp等 )やhatenaの配布場所が大きく変わっていたので、改めて調べてまとめておきました。 ソーシャルメディアは現代のWebメディアにとって欠かせない存在です。自分のブランドやコンテンツを効果... -
ウェブデザイン
jsonとjsonpの違い
JavaScriptでJSONを扱っていた際に、APIを引っ張る時に基本はPHPだけどJSONPだとJavaScriptで行けるよ!って書いてありました。 jsonpってなに???と初心者の私は思ったのでちゃんと調べました。 【JSONとは】 「JavaScript Object Notation」の頭文字を... -
ウェブデザイン
【React】作成済みのフォルダに環境構築する
最近Reactの勉強を始めたので、忘れないようにメモがわりにブログに残しておこうと思います。nodeとyarnを使ってます。 【よくあるcreate-react-appの方法】 検索して出てくる方法は以下のようになり、フォルダを新しく作成する方法になります。 npx creat... -
ウェブデザイン
静的HTMLの一部にWordPressの記事を表示する方法
静的HTMLでホームページを作っている時に、サイトの一部だけ更新コンテンツがあり外部のWordPressで管理している時がたまにあります。古い方法と新しい方法を紹介します、それぞれ得意不得意があるので要件によって使い分けてください。 【古い方法:静的...