tanatiyo

axios

Axios(アクシオス)・・・PromiseベースのHTTPリクエストを簡単に行えるJavaScriptライブラリ

Vue.jsでWordPressのREST APIからデータの取得などを行いたい時に出会った、非同期通信の方法です。以前の記事でも出てきましたが、改めて、ここで調べたサイトなどをまとめておきます。AxiosはMITライセンスで公開しているオ...
Vue.js

【解決済み】【WP REST API とVue.js】取得と表示はできた。次は新規投稿の操作をどうやって行う?

まだ解決していない記事です。一応、載せておきます。※2023年2月19日時点で解決しました。先の記事でもWP REST APIとの連携で取得と表示はできました。それに関しては、参考にできる記事がたくさんあったのと、欲しい情報に近いものがその...
Vue.js

とりあえずデータは取得できそう。次、vueファイルにはどうやって実装する?

これは、ハマりにハマりました。。。というよりも、どんぴしゃでほしい情報がなかったので、断片的に情報を拾い上げていって実装するのが、今回は特に難しかったです。まだまだ苦手な言語化ですが、、、なんとかググることを続けて自分がえたい情報(環境とか...
WordPress

【解決済】【WordPress REST API】ブラウザで叩いてもデータが取得できない。。

まずは気軽にデータを取得してみようということで、参考サイトにならって、以下の通り叩いてみました。ここで、トップディレクトリにWordpressをインストールしている場合だと、データは取得できました。ただ、今回vueファイルと連携させる用に作...
WordPress

WordPressサイトを常時SSL化するためのプラグイン

私が初期で作っていたWordPressサイトのSSL化は、独自ドメインのサイトはレンタルサーバー側で自動的に設定してくれていましたが、それ以外のドメインでSSL化の選択項目がなかったため、どうしようかと考えていました。調べたところ、Word...
Vue.js

WordPressとAPI連携

WordPressとAPI連携をするために調べたことをメモしていきます。やりたかったのは、今デモで動かしているvueファイルをデータベースと連携して、別のブラウザや他のPCからでもそのデータにアクセスできるようにさせること。。。だけど、デー...
ソフトウェア開発

Model View Controller・・・ソフトウェア開発の標準的な開発手法

WPI-APIのプラグインを調べている時に出会ったこの言葉について少し調べてみました。MVCはソフトウェアを「処理/Model」「表示/View」「入力伝達/Controller」の3要素に分割し、ソフトウェア内部データをユーザーが直接参照...
Vue.js

【Vue.js】マスタッシュ構文で出力がうまくされない時に参考にしたサイト

単純に{{}}(マスタッシュ構文)で変数名を入れたりして出力させたい時に、なかなか表示できないという、基本的なところでつまずいていた時に参考にしていたサイトを、整理がてら載せておきます。大事なことは、単純に変数名としてだけみるんではなくて、...
Vue.js

【解決済み】【Vue.js】コンポーネント化した部品を出力するためにv-bindディレクティブが必要だった件

Vue.jsでコンポーネント化の作業を進めている時に、標題の通りの問題に当たってしまいました。v-bindディレクティブについて、参考サイトと公式サイトでは以下のようになっています。 公式サイトではぺーじ中段ほどに「v-bind」の説明が載...
Vue.js

Vue.jsでtransitionタグなるものが出てきた。。

動きを簡単につけることができるタグらしい。。。HTMLでは見たことがなく、しかも簡単にアニメーションの動きをつけることができる優れものでした。。。使う際に必要なディレクティブの実装を忘れないことなど、注意点はありましたが、とても便利だなと感...
Vue.js

Vue.jsを勉強するなかで出会ったlodash(便利な関数を提供してるライブラリ)

vueの勉強を始めた当初、たにまこさんのYouTubeで勉強させてもらいました。投稿は3年前で、バージョン2の時の書き方で、CDNを使った書き方になりますが、vueがどういった挙動をするものか把握したくて、これをみながらとりあえず触ってみま...
Vue.js

Vue.jsの挙動を確かめる。。。LocalStorageでデータを保存

Vue.js単体では、サーバー機能がないので入力したデータはブラウザをリロードすると消えてしまいます。。こんなときに、LocalStorageという方法でデータを保存し(自分のPCだけですが)リロードしてもデータが消えないという、便利なもの...
Vue.js

Vue.jsのメソッド(関数)・・・mounted

勉強中にmountedというメソッドが出てきたので、少し調べてみました。公式サイトではこのように言ってます↓他にこちらのサイトも参考にしました。。mounted・・・ vueのマウント直後に一度だけ実行される処理を書きたい場合、mounte...
Vue.js

Vue.jsのお勉強

最近、vueの勉強を始めました。久々にガッツリと学習の時間を取り始めたのでブログのほうも久々にアウトプットの場として利用していきたいと思います。
Vue.js

Vue.jsの勉強(アウトプット用)

Web制作全般

どの分野に進みたいのか正直迷っていた件

久々の更新になります。やりたいこと色々ありすぎて、アーカイブで勉強することにも終われ案件対応や営業にも追われてブログ更新を疎かにしてしまっていました(⌒-⌒; )さて、今日のお題は「どの分野に進みたいのか正直迷っていた件」です。結論から先に...
コーディングストック

CodePenをブログに初導入!

これからコードの練習やストックをしていくのに、CodePenを活用していこうと思います!やっと導入することができました! See the Pen FirstDemo by tanaka (@tiyopon) on CodePen.とりあえず...
Web制作全般

マシン(PC)をWindowsからMacに切り替えた時、Node.js 18でOpen SSL互換対応エラーに直面しました

この度新しくメインマシンをWindowsからMacに切り替えようとして、新しく一からgulp環境構築した時に出会ったエラーについて書きます。今回は、Node.js18.12.1のバージョンをインストールしてMacBook Air (macO...
Web制作全般

契約書の割印と契印

さまざまな制作会社様とやりとりを重ねることで、契約の仕方はそれぞれだと感じました。どういった形で契約書を交わしていくのかは、基本的に会社様のご意向をお聞きしながら進めます。契約書を作るのに手が回らないとおっしゃる会社様には、場合によっては私...
Photoshop

とりあえずPhotoshopに慣れる!

デザインツールはいろいろありますが、一旦キナリさんのBrainに沿って進めるため、ツールはPhotoshopをメインで触っていこうと思います。(※もしコーディング案で違うツールを触ることがあればそのツールも時間を少し設けて深ぼって勉強してい...
デザインの勉強

キナリさんのBrain を購入しました!

デザインの勉強って、調べてみるといろんなロードマップがあります。コーディングの勉強や改善を行いながら、デザインも勉強していくには「絞って勉強」した方が良さそうだと感じました。そこでどういったロードマップを選択しようか悩んでいたところ、偶然に...
デザインの勉強

デザインの勉強を少しずつ開始していきます!

実案件では、AdobeのXD,Photoshop、Illustratorのデザインカンプをいただき、初めて扱うデザインツールもありましたがなんとか調べながら、コーディングに必要な最小限の使い方を覚えました。しかし、やっぱり苦手感は拭えないで...
jQuery

【jQuery】プラグイン「ONEBOOK3D」を使ってページをめくる実装をしてみました

ちょっとしたお話から「電子カタログのページをめくる実装」についてお話をいただき、色々と調べてみると面白そうなものを見つけたのでデモを作ってみました。jQueryのプラグインで作れるので手軽です!デモは公式サイトからとってきたデモにフリー素材...
WordPress

【WordPress】WordPressサイト制作の効率化とデキル制作者を目指して

実案件を通す中で自身の課題を感じていましたが、そのうちの1つにWordPress案件の生産性の向上です。何かヒントを得たくて、この度じゅんぺーさんとまさたさんのBrainを購入しました。じゅんぺーさんは、ブログでもWordPressに関して...
WordPress

【WordPress】カスタムフィールドを実装するのに「Custom Field Suite」プラグインを使った(知った)話

学習段階ではカスタムフィールドと言えば「Advanced Custom Fields!!」というくらい、よく目にしていたプラグインですが実はこちらのプラグインでは無料版のままでは「繰り返しフィールド」の実装ができません。「繰り返しフィールド...
Git

GitBashでpushしたのに突然「ssh接続できていません」と表示-ネット接続切れただけ-

順調にGitでcommitとpushが出来ていたのに、突然pushが出来なくなりました(commitは出来ていました)。エラー文は、「ssh接続できない」「リモートリポジトリないよ」って言ってます。だけど「git remote」で調べたらち...
WordPress

【WordPress】カスタムフィールドをプラグインなしで実装する~サイトまとめ~

カスタムフィールドをプラグインを使って実装する方法は知っていたのですが、サイトスピードや保守・運用の面から、極力プラグインに頼らずに実装したいということもあるかと思います。そういった時には、functions.phpにコードを書いていくこと...
WordPress

【WordPress】同一ページ内にフォームを埋め込み、自動返信メールでタイトルタグを引用する方法

標題の件で、参考にしたサイトも含めてやり方を整理しておこうと思います。使うフォームはMW WP FORMというプラグインです。今回調べてみて、バシッとそのままあてはまる方法には出会えなかったのですが、参考サイトもヒントになったので載せておき...
WordPress

【WordPress】管理画面にてユーザー(投稿者)が他のユーザー(投稿者)の編集画面を見れないようにする

functions.phpに以下を貼りつける。ユーザーを「寄稿者」で設定して試してみたら、うまくいきました。参考サイトをそのままマネしました。標題の件で参考にした記事を下部に貼り付けておきます。
CSS

flexboxのレスポンシブ対応で可変にしたくないアイテムのCSS指定

display: flex;で指定した子要素にあたるものの幅を可変にしたくない時ってありますよね。例えば画像とテキストが横に並んだメディアと呼ばれるようなものです。画像とテキスト部分をそれぞれFlexアイテムとして、flexboxの子要素と...