Vue.jsの勉強日記|3日目:YouTubeで基本構文を書く STUDY DIARY

Vue.jsの勉強日記|3日目:YouTubeで基本構文を書く

Vue.js3日目。 YouTubeを見ながら基本構文を書いていった。 繰り返しているため理解度は高まったかと思う。 MENU1 YouTubeをチェック2 methods、computed、fiterの違い2.1 me...

Vue.jsの勉強日記|2日目:公式サイトで宣言的レンダリングを網羅する STUDY DIARY

Vue.jsの勉強日記|2日目:公式サイトで宣言的レンダリングを網羅する

Vue.jsのお勉強2日目。 昨日で全てではないけど基本的な書き方は理解できていると思う。 本日も少しずつ進めることとした。 MENU1 Vue.js公式サイトでお勉強2 YouTubeをチェック3 書籍をチェック4 す...

Vue.jsの勉強日記|1日目:基本構文を書いてみる STUDY DIARY

Vue.jsの勉強日記|1日目:基本構文を書いてみる

Vue.Jsの勉強初日。 数日前から初めてはいたけどガッツリ勉強に入ったのは今日から。 バージョン3から勉強しようと思ったけど、まだまだバージョン2が主流だと思い。 バージョン2から始めることとした。 MENU1 やった...

Vue.jsの勉強日記|宣言 ~Vue.jsはじめましたぁぁぁ♪~ STUDY DIARY

Vue.jsの勉強日記|宣言 ~Vue.jsはじめましたぁぁぁ♪~

Vue.jsの勉強を始めました。 その理由は以下の2点。 Vue.jsを勉強し始めた理由 WordPressとJavaScriptで作ったPOSレジシステムの動作に不満があった Webデザイナーからフロントエンジニアに昇...

WordPress|投稿記事の公開日と最終更新日をSEO的にもユーザーにも優しく表示させる方法 WEB MEMO

WordPress|投稿記事の公開日と最終更新日をSEO的にもユーザーにも優しく表示させる方法

WordPressで投稿記事の公開日を最終更新日を表示させる方法を記します。 またSEO的にもベターな書き方なんかもご紹介します。 MENU1 公開日と最終更新日の表示1.1 公開日1.2 最終更新日2 公開日・最終更新...

WordPress|1週間後に新規サイト/LPをリリースしたいと言われても対応できる準備と制作の流れ WEB MEMO

WordPress|1週間後に新規サイト/LPをリリースしたいと言われても対応できる準備と制作の流れ

クライアント様の要望で新規サイトまたはLP(ランディングページ)を「1週間後にリリースしたい!」ということがあります。 そんな時のために僕が準備・用意していることや制作の流れをご紹介します。 MENU1 前提2 仕様確認...

2021最新版、WordPressでサイトでもブログでも流用できるfunctions.php WEB MEMO

2021最新版、WordPressでサイトでもブログでも流用できるfunctions.php

WordPressオリジナルテーマでサイトを制作する時に、めっちゃ使いそうなfunctions.phpをメモ。 これがあるとサイトでもブログでも流用できるから便利♪ functions.phpとは? テーマを作成する際に...

WordPressの.htaccessについての概要 WEB MEMO

WordPressの.htaccessについての概要

WordPressは簡単にブログやサイトを運用開始できる非常に使いやすいCMSです。 ただしインストールしただけでは心もとない点・より便利になる点があります。 これを補う一つ方法として『.htaccess』を扱う方法があ...

CSS/フォントサイズ「px、em、rem」の違いと変換表 WEB MEMO

CSS/フォントサイズ「px、em、rem」の違いと変換表

px 絶対指定 1pxは1ドット em 相対指定 親要素のfont-sizeを基準 [crayon-607d26732691a267432365/] 変換表 親要素のfont-sizeが16pxの場合 px em em ...

HP・LP制作でいつか使うかもしれないCSSネタ WEB MEMO

HP・LP制作でいつか使うかもしれないCSSネタ

MENU1 CSSのみで作れるドロワーメニュー2 スクロールすると見出しを固定3 スクロールすると見出しを固定ver24 スクロールに合わせて蛍光マーカーがアニメーション表示5 アニメーションするグラデーションボーダーラ...

WordPressでこれはやっておきたいセキュリティ強化対策 WEB MEMO

WordPressでこれはやっておきたいセキュリティ強化対策

WordPressは世界で多くの利用者がいるオープンソースのコンテンツ管理システム(CMS)です。 管理画面のURLが決まっているなど、構造がわかりやすい、オープンソースで脆弱性が発見されやすいなど理由から攻撃対象になり...

WordPressのセキュリティ強化対策!コピペでHTTPセキュリティヘッダを追加 WEB MEMO

WordPressのセキュリティ強化対策!コピペでHTTPセキュリティヘッダを追加

WordPressは世界で多くの利用者がいるオープンソースのコンテンツ管理システム(CMS)です。 一方で脆弱性もたくさん公開されています。 利用者が多い&脆弱性も多いシステムなので攻撃者の格好の攻撃対象にもなりやすいと...

WordPressでサイト制作をする時のメモ WEB MEMO

WordPressでサイト制作をする時のメモ

WordPressでサイト制作を依頼された時に最低限チェックしておいた方が良いことを自分用にまとめました。 MENU1 マストな設定2 クライアントに支給してもらうもの3 マストなページ4 クライアントとの調整5 サイト...

Advanced Custom Fields|デイトピッカーの出力フォーマットをカスタマイズする方法 WEB MEMO

Advanced Custom Fields|デイトピッカーの出力フォーマットをカスタマイズする方法

Advanced Custom Fieldsのデイトピッカーを使って年月日を出力する方法をメモ。 日付フォーマットのカスタマイズ方法も書いておくよ。 Advanced Custom Fields 基本の出力 [crayo...

WordPressがハッキングされ管理画面が「403 Forbidden」エラーでログインできなくなった時にやったこと WEB MEMO

WordPressがハッキングされ管理画面が「403 Forbidden」エラーでログインできなくなった時にやったこと

2021年1月28日、クライアントのディレクターから「サイトがハッキングされました。見てもらえませんか?」と連絡を受けました。 そもそも僕がWordPressでサイト制作をしていたためだ。 ME 今回はこの件を解決したの...

WordPress|アイキャッチ画像のAlt(代替テキスト)に記事タイトルを設定する方法 WEB MEMO

WordPress|アイキャッチ画像のAlt(代替テキスト)に記事タイトルを設定する方法

ME WordPressのアイキャッチ画像のAltタグ(代替テキスト)に記事タイトルを自動取得する方法を紹介しまっす! MENU1 Alt(代替テキスト)を設置する理由1.1 検索エンジン対策1.2 ユーザー補助2 デフ...

WordPress、投稿タグのリンク有り無しの出力方法 WEB MEMO

WordPress、投稿タグのリンク有り無しの出力方法

リンク付き [crayon-607d267326e29418954237/] リンク無し [crayon-607d267326e2c079761515/]...

WordPressのフロントページから記事編集画面へジャンプできる「編集」リンクを設置 WEB MEMO

WordPressのフロントページから記事編集画面へジャンプできる「編集」リンクを設置

ME 自分のWordPressサイトを見ている時に、追記・修正したい時ってありますよね? その時にいちいちダッシュボードにログインして記事を探して対応するのは面倒じゃないですか? ME こういうのために記事詳細ページに以...

Advanced Custom Fields関連|関連記事に紐づくカスタムフィールドを出力 WEB MEMO

Advanced Custom Fields関連|関連記事に紐づくカスタムフィールドを出力

Advanced Custom Fieldsの「関連」で、関連記事なんかを設定・紐づけするのは簡単なんだけども… 関連記事のカスタムフィールドの扱いはどうするんだろう??ってことを解決するためのコードです。 仕様 関連記...

WordPressカスタム投稿の記事がある子ターム一覧を表示。ソートで詰まった… WEB MEMO

WordPressカスタム投稿の記事がある子ターム一覧を表示。ソートで詰まった…

WordPressのカスタム投稿を利用して店舗一覧を作った。 カテゴリのイメージは以下のようにしました。 ■関東エリア(親カテゴリ) │ ├ 東京都(子カテゴリ) │    ├ 店舗(記事) │    └ 店舗(記事) ...