Blog Wordress

WordpressをNext.jsと組み合わせてヘッドレス化させました。1.スターターキットを導入, 2.プラグインを導入&設定 3.Vercelデプロイする。ヘッドレス化は表示速度が爆速になるのでかなりおすすめです。

Blog

Laravel + ReactでSPAのSNS認証を解説します!Socialiteを使えば特に難しいことはなく、だれでも簡単に実装可能です。

Blog

SPAだとリロードがないため、ユーザーが認証済みかどうかでアクセスを分けるのが少し難しくなります。初回ローディングで認証情報を取得し、それをフックで取得し、ログインなどの処理と同時に認証情報を更新することで解決できます。

Blog

React jsはjavascriptのフレームワークです。これだけでWebページ・サービスを作ることができます。コンポーネント指向、高速でwebページを作成するためのライブラリが揃っている、パフォーマンスが良いというメリットがあり、使い勝手抜群です。

css Programming

Bootstrapは初心者には少しややこしいですが、2つの使い方を覚えるだけで問題ないです。Bootstrapの2つの使い方は、余白(padding,margin)とグリッドレイアウトです。

css Programming

FLOCSSはCSS設計の1つです。FLOCSSはComponent, Layout, Projectの3つに機能を分割していきます。FLOCSSの使い方を学ぶと読みやすく修正しやすいコードを書くことができます。

PHP Wordress

wordpressでECサイトにあるようなカート機能をプラグインなしで自作してみたいと思います。ポイントは1.セッションの使い方 2wordpressのデータベースに自作テーブルを作成するです。

PHP Wordress

wordpressテーマは「webページを作る」ものです。記事をデータベースから受け取り、php, cssを通じて、レイアウトを整えたり、文字サイズや色を変えたりなどをしています。中身を見てみるとかなりシンプルです。

PHP Programming Wordress

Wordpressでプラグインを使わず目次を作成していきます。コピペでOKで、ショートコードで好きな場所に目次を自動で作ることができます。プログラマー向けにコードも解説しています。

PHP Wordress

WordpressでIDを指定して特定の投稿を表示させるウィジェットを自作していきます。プラグインなしで実際にコードを書いていきアmす。流れは 1. ウィジェットエリアを作成 2. ウィジェットを作成 3.実際に表示 です。