WEBで稼ぐ！をテーマに幅開く情報を発信しています。主にWEB制作、ブログ、WEBライティング、転職活動についての記事が多くWEBで稼ぎたい人にオススメです。
WordPressで「重大なエラー」と表示された場合の対処方法
こんにちは、しの(@SHINOWEB1)です。 WordPressのテーマを触ってたら「重大なエラー」って表示されちゃった。これってどうやって解決したらいいの？ 本記事は上記のような疑問に役立つ内容となっております。 WordPressのテーマなどを改修したり、修正をしたりしている時に記述ミスなどをしてしまうと「重大なエラーが発生しました」と表示され、本来のWEBサイトが表示されない、という事象が
【JavaScirpt】trim()メソッドで文字列の空白を削除する方法
こんにちは、しの(@SHINOWEB1)です。 JavaScirptで文字列の空白を削除したいんだけどどうやってやるんだろう。やり方を詳しく知りたいな。 本記事は上記のようなお悩みに役立つ記事となっております。 JavaScriptで文字列の両端の空白を削除するには、trim()というメソッドを使用します。 trim()メソッドを使うことで元の文字列に変更を加えることなく、変更結果を出力することが
【神プラグインwww】WordPressの文字を一括で変更する方法
こんにちは、しの(@SHINOWEB1)です。 WordPressでいらなくなったショートコードとか定型文を一括で削除したいなあ。でも一つ一つの記事をチェックして消すとなるとどれだけ時間があっても足りないよ。何か良い方法はないかなあ。 今回は上記のようなお悩みに役立つ記事となっています。 ブログを運営していると「いつも使う定型文」や要素がありますよね。 しかし何か事情があり、そういった文字や要素を
【超絶便利】WordPressのショートコードの使い方をまとめてみた
こんにちは、しの(@SHINOWEB1)です。 この文章毎回打ってるんだけど、めんどくさいなあ。簡単に入力できる方法があればいいんだけど。 広告のコードも毎回毎回カスタムHTMLに長いコードをコピペして貼り付けるのが煩わしいなあ。なんとかして省略できないのかなあ 今回は上記のようなお悩みを解決するWordPressの機能、「ショートコード」について見て行きたいと思います。 ショートコードを導入する
【これで合格できる】Google Adsenseの審査に合格する方法
以前、以下の様なツイートをしました。 https://twitter.com/shinoweb1/status/1344021801504935936?s=21 というわけでこの記事では自身がGoogle Adsenseの審査に通過するために行った事を深掘りしていきたいと思います。 Adsense中々通らないなあ。Twitterとかでもいろんな説があってどれが本当か分からないよ。 という方にはぜひ
JavaScriptのレンダリングを高速化させる方法とは?【サイトスピード改善】
WEBサイトの表示スピードをアップしたいんだけどどうしたらいいのかな。JavaScriptのレンダリングを速くすると効果的って聞いたけどどうやってやるんだろう。 本日は上記の疑問にお答えします。 WEBサイトの表示スピードを上げるためにはJavScriptのレンダリングスピードの向上が欠かせません。 ただ実際にやってみようと思うとどうすればいいかわからない方も多いのではないでしょうか。 というわけ
Google PageSpeed Insightsの使い方をまとめてみた【SEOにも効果あり】
PageSpeed Insightsの使い方を知りたいな。WEBサイトの表示速度がわかるらしいけど使い方がよくわからないからまとめてほしい 本記事では上記のような疑問にお答えします。 WEBサイトやブログを運営しているとページの表示速度が気になりますよね。 そういった場合、Google PageSpeed Insightsを使えばすぐにサイトの表示速度を知ることが出来ます。 今回はそんなGoogl
SEOの内部対策を勉強したいけど、構造化マークアップって言葉が気になってる。言葉だけ聞くと難しそうだけど実際どんな感じなんだろう？ 本日は上記のような疑問やお悩みにお答えします。 SEOで内部対策をするためには避けては通れないのが「構造化マークアップ」です。 その名の通りHTMLで使えるマークアップ手法の一つですが、実際どんな目的で、何をどのように書くのか分からないという方も多いのではないでしょう
Photoshopのペンツールを使って画像を切り抜きする方法
Photoshopのペンツールを使って画像を切り抜きたいけどどうやってやるのかな。 本記事では上記のような疑問を解決します。 Photoshopで画像の切り抜きは定番テクニックですが、使い慣れない頃は中々操作方法が分からなかったりしますよね。 僕も最初の頃は全然手順が覚えられず、何回もWEBサイトで調べていました(汗) 今回はそんな昔の自分でもわかるように一つ一つ手順を紹介しますのでぜひご覧くださ
【複数回の取り消しもOK】Photoshopのヒストリーで使えるショートカットとは？
Photoshopのヒストリー機能って複数回の取り消しってできないのかな。IllustratorならCtrl+Zで何回も取り消し出来るんだけど。もし出来るならやり方を知りたいなあ。 本日は上記のような疑問にお答えします。 PhotoshopでCtrl+Zを押しても「1つ前に行なった作業」にしか戻れませんよね。 同じAdobeのIllurstratorであればCtrl+Zで複数回取り消しができますが
【決定版!】SEO対策で必要なツールを紹介します【これでOK】
SEO対策をもっと効率的にやりたいな。何か便利なツールがあるといいんだけど。誰かまとめてくれないかなあ 本日は上記のようなお悩みにお答えします。 SEO対策のツールは沢山ありますが、逆に沢山ありすぎてどれを使ったらいいかわからないという方も多いのではないでしょうか。 ただ実際ツールは目的を持って使うからこそ真の能力を発揮するのであって、何でもかんでも使えば良いというものでもありません。 今回の記事
【ブログど素人からの4桁ブロガー】ブログで収益化するまでの目安はどれくらい?
ブログ続けて書いてるけど全然収益化出来ないなあ。皆どれくらいの期間で収益化してるんだろう。収益化する方法と目安を知りたいなあ。 上記のような疑問やお悩みにお答えします。 ブログを始めたものの「中々収益化出来ない・・・」という人も多いのではないでしょうか。 ブログを始めて1年後も継続している人は1割にも満たないと言われていまして、その最大の原因が 結果が出ない=稼げない→モチベーションの低下 という
今回の記事ではSEO対策について学びたい、でもどこから手をつけたらいいのか分からない、という方のためにSEO対策のロードマップ記事を作成しました。 ここでご紹介する記事を読んでいけば、SEO対策で大切なポイントを知ってもらえると思います。 本記事の信頼性 改めまして、しのです。 現在SEO歴約1年。最近は検索1位を取る記事も増えてきて、ブログからも徐々に収益が出始めました。 今回の記事は100%自
テレワークでだらだらしてしまうのは○○だから？【解決策も提案】
テレワークって誰にも見られてないからついついだらだらしたりサボったりしちゃうんだよね。これじゃダメだとわかってるんだけど。何か解決策はあるのかな？ 今回の記事では上記のようなお悩みや疑問にお答えします。 新型コロナウイルス感染症拡大に伴ってテレワークを取り入れる企業も増えてきました。 しかし、テレワークは普段の職場と違い周りに会社の人もいないことからついついだらだらしたり怠けたりしてしまうもの。
面接で自分の知らないことや分からないことを聞かれると焦ってしまいますよね。 頭が真っ白になってドギマギ。ぎこちない回答や、最悪無言の空間が流れたり、なんてこともあるかもしれません。 今回の記事では、面接時に分からないことや知らないことを聞かれた時の対処法をご紹介します。 家に帰るときに「はあ、今日の面接ダメだったなあ」と落ち込まないよう、事前にしっかり対策しておきましょう。 記事の信頼性 あらため
WEBサイトの直帰率ってSEOに直接関係あるのかな？直帰率が高いと検索順位でランキングが下がったりするのかな 本日は上記のような疑問にお答えします。 直帰率とは、WEBサイトにアクセスしたものの他の記事を見ずにそのサイトから別のサイトに移る、もしくは検索エンジンに戻ってしまった割合のことを言います。 直帰率が高い=読者が求めていた内容が記事に無かったと想定されることからいかにもサイトの評価に反映さ
ブログの毎日更新はSEOに影響を及ぼすの？【SEOの本質を解説】
ブログの記事を毎日更新しているけどこれってSEOに良い影響ってあるのかな？毎日更新をGoogleが認めてくれてサイト全体の評価が上がることもあるのかな？ 本日は上記のような疑問にお答えします 「ブログを頑張る！」というと分かりやすいのが「毎日更新」ですよね。 毎日更新はライティングスキルやブログ全般のスキルを身につける上で有効な手段ではありますが、検索順位を上げる事、つまりSEOには関係があるので
いつもしのブログをお読みいただきありがとうございます。 この記事では2021年8月のブログの運営報告をさせて頂きたいと思います。 2021年8月は運営を開始して約1年の節目の月です。実際どれくらいのPV数や収益があったのかご紹介します。 それでは早速行ってみましょう。 気になる収益は・・・？ 8月の収益は以下となりました。 8月収益内訳 ・もしもアフィリエイト：¥1,477 ・バリューコマース:¥
「ブログリーダー」を活用して、しのさんをフォローしませんか？
こんにちは、しのです。Shopify CLIはShopify開発に欠かせないものですが、一度接続したらその後はコードエディタなどでゴリゴリ開発をしていくと思うので、CLIコマンドを忘れてしまう時って無いでしょうか。私はあります。wいつもパソコンの電源は切らずにそのままにしておくのですが、先日WindowsのOSの更新が入り再度CLIでShopifyパートナーとつなぐ必要があったので、同じことが起きた時の為にこちらに接続方法を残
こんにちは、しのです。Shopifyで固定ページを作ってCSSを適用する場合、管理画面からカスタムCSSを適用する方法もありますが、開発の観点から言うとスマートではありません。特に大量にCSSを記述する場合はローカルでCSSを書いてファイルベースで管理できた方が良いですよね。dawnなどの既に出来上がっているここでは独自の固定ページにCSSを追加し、ページに反映させる流れを見ていきましょう！こんな方におすすめの
Wordpressであればpage-xxxx.phpという固定ページ用のテンプレートを作り、管理画面で設定すればサクッと固定ページを表示する事が出来ますよね。私は今も制作会社でWordpressを使ったお仕事をさせていただいておりますが、Shopifyを学び始めて勝手の違いに戸惑いました。そこで、同じような悩みを持つ人の少しでも参考になればと思いこちらの記事を書きました。というわけでWordpress開発者の方にも分かりやすい
こんにちは、しのです。何を隠そう僕自身も最初はこの内容について「？？？」だったんです。なので同じような悩みを持つ方の参考になればと思い記事にました。Wordpressであればテストドメインなどにアップすればテスト環境としてクライアントに渡すことが出来ますが、Shopifyの場合は未公開テーマを使って検証する形となるため最初は戸惑うかもしれません。Shopifyでは、GitHubと連携することでローカルで安全にテーマを編
こんにちは、しのです。基本的なことやよく記事に出ていることを試したけど解決しない！という方もこの方法で解決するかと思いますので、ぜひためしてみてください。それでは早速見ていきましょう！WordPressでビジュアルエディタが使えない場合の解決方法ずばり、以下のコードをfunctions.phpに記載してください。function fix_wp_editor_tabs($editor) { return '
こんにちは、しのです。ドメイン移管は日常的に行う機会も少なく、練習も出来ないため実施に不安に思うWEB関係者の方も多いのではないでしょうか。何を隠そう僕もその一人でして、今でも毎回冷や冷やしながらドメイン移管やサーバー移管を行っています。苦笑ただそれくらい慎重に毎回行うべきであり、「緊張することが必要な作業」という認識を持っていますね。※ミスるとサイトが閲覧できないとかメールが届かない、という事があるためそれでは前書き
こんにちは、しのです。本日は「.htaccessでリダイレクトする際にクエリパラメータを削除する方法」というテーマです。それでは早速いってみましょう！.htaccessでリダイレクトする際にクエリパラメータを削除する方法では早速回答からです。例えば以下の場合、https://example.com/hoge/hoge.html?=123の「?=123」を削除してhttps://example.com/404 に
こんにちは、しのです。最近Shopifyを勉強しています。その上で、Shopify CLIを2.xから3.xにアップグレードする必要があったのですが、なぜか上手くアップグレード出来なかったため、同じような事で困っている方がいれば参考にしていただけたらと思います。ではさっそく行ってみましょう！Shopify CLIが2.xから3.xにアップグレードできない原因では早速Shopify CLIが2.xから3.xにアッ
こんにちは、しのです。今日は【学習開始から約4年】プログラミングを仕事にして分かった事というテーマの内容です。いつもの記事とは少し趣向が違いますが、プログラミングを学習し始めて4年が経ち仕事にするようになって分かったことがあるので、このタイミングで言語化したいと思い、記事にしました。こんな方におすすめの記事です・プログラミング学習をしている方、または学習を始めようとしている方・プログラミングで転職を考えている方
こんにちは、しのです。それでは早速いってみましょう！そもそもNode.jsって？Node.jsは、GoogleのV8 JavaScriptエンジンの上に構築された、サーバーサイドのJavaScriptランタイム環境です。Node.jsによってフロントエンドで一般的に使用されるJavaScriptをバックエンドでも使用できるようになったわけですね。Node.jsの特徴Node.jsの大きな
多くの人々がウェブサイトやアプリケーションを利用するようになった今日、ウェブ開発の世界も急速に進化していますよね。その中でも注目されているアーキテクチャが「Jamstack」。Jamstackは、ウェブサイトやアプリケーションを高速で安全に、そしてスケーラブルに構築するための新しい方法です。この記事ではJamstackとは何か、どのようなメリットがあるのか、そしてその導入方法について詳しく解説していきます。それでは早速
こんにちは、しのです。という方やという方に向けて、本記事ではWebpackについて詳しく解説してみました。これからWebpackを学ぶ人にとって少しでも有益な内容になれば幸いです。では早速いってみましょう！そもそもWebpackとは何か？Webpackは、モジュールバンドラと呼ばれるツールです。これにより、複数のファイルが一つにまとめられ、効率的に読み込まれるようになりま
こんにちは、しのです。昨今フロントエンド界隈でよく話題になっているヘッドレスCMSですが、WordPressでサイトを構築に慣れている人であってもまだヘッドレスCMSを使ったことが無い人は意外とおられるのではないかと思います。本記事では「そもそもヘッドレスCMSって何だっけ？」という概念的な部分から実際にNext.jsを使用してWEBサイトに記事を公開するところまでをご紹介したいと思います。それでは早速いってみましょう！
こんにちは、しのです。最近改めて自分の価値の高め方について思うことがあったので記事にしようと思いました。もし、「自分には価値がないんじゃないか」「どうすれば自分の価値を高められるのかわからない」という人にとって少しでも気づきになれば嬉しいです。ではさっそくいってみましょう！自分の価値の高め方結論です。好きな仕事を見つけて一心不乱に努力せよ。・・・という声が聞こえてきそうで
こんにちは、しのです。※なお、前提としてNode.jsのインストールが必要です。未だの場合は先にNode.jsをインストールしてください。Node.jsのダウンロードはこちら今回紹介するプログラムを使えば一瞬でCSVからJSONファイルに変換することが出来ます。早速見ていきましょう！1.任意の場所にconvertフォルダを作成するまず、任意の場所にプログラムを設置するフォルダを作成しましょう。例
こんにちは、しのです。実は最近新型シエンタに乗り換えたのですが、「DVD見れないやん！」となり、自分で調べて格安で導入する方法を見つけたのでご紹介します。それでは早速見ていきましょう！新型シエンタでDVDを見る方法ずばり、Amazonで以下の商品を購入すれば見る事ができます！リンク「新型シエンタ対応」などの文言が無いため不安だったのですが、実際ちゃんと使えました。値段も安いですよね。
こんにちは、しのです。AWSでサーバーを構築し、Apacheのテスト画面をブラウザで見れるようにしたい！のに出来ないという方に向けて書きました。少しでも参考になれば幸いです。AWSでサーバーを立てる時にHTTP接続できない場合の対処方法AWSでHTTP接続を許可したのに以下のような画面になって見れない事があります。今回はこちらの原因と対処方法をお伝えします。まずインスタンスのダッシュボードに入り、該当の
こんにちは、しのです。Thunderbirdで既定のアカウントを変更する方法では早速ですが見ていきましょう。手順としては以下デス。手順・左下の歯車アイコンをクリックする・アカウント設定をクリックする・既定にしたいアカウントを選択した状態で「アカウント操作」を押し「既定アカウントにする」を選択以上です。詳しく見ていきましょう。左下の歯車アイコンをクリックするまずThun
こんにちは、しのです。こういった記事に長々とした前置きは不要！早速見ていきましょう！Error: Invalidwith child. Please remove or use . Learn more: https://nextjs.org/docs/messages/invalid-new-link-with-extra-anchor というエラーが出た場合の対処方法早速ですが、対処方法は以下となります。・<
こんにちは、しのです。※なお、前提としてNode.jsのインストールが必要です。未だの場合は先にNode.jsをインストールしてください。Node.jsのダウンロードはこちら今回紹介するプログラムを使えば一瞬でCSVからJSONファイルに変換することが出来ます。早速見ていきましょう！1.任意の場所にconvertフォルダを作成するまず、任意の場所にプログラムを設置するフォルダを作成しましょう。例
こんにちは、しのです。実は最近新型シエンタに乗り換えたのですが、「DVD見れないやん！」となり、自分で調べて格安で導入する方法を見つけたのでご紹介します。それでは早速見ていきましょう！新型シエンタでDVDを見る方法ずばり、Amazonで以下の商品を購入すれば見る事ができます！リンク「新型シエンタ対応」などの文言が無いため不安だったのですが、実際ちゃんと使えました。値段も安いですよね。
こんにちは、しのです。AWSでサーバーを構築し、Apacheのテスト画面をブラウザで見れるようにしたい！のに出来ないという方に向けて書きました。少しでも参考になれば幸いです。AWSでサーバーを立てる時にHTTP接続できない場合の対処方法AWSでHTTP接続を許可したのに以下のような画面になって見れない事があります。今回はこちらの原因と対処方法をお伝えします。まずインスタンスのダッシュボードに入り、該当の
こんにちは、しのです。Thunderbirdで既定のアカウントを変更する方法では早速ですが見ていきましょう。手順としては以下デス。手順・左下の歯車アイコンをクリックする・アカウント設定をクリックする・既定にしたいアカウントを選択した状態で「アカウント操作」を押し「既定アカウントにする」を選択以上です。詳しく見ていきましょう。左下の歯車アイコンをクリックするまずThun
こんにちは、しのです。こういった記事に長々とした前置きは不要！早速見ていきましょう！Error: Invalidwith child. Please remove or use . Learn more: https://nextjs.org/docs/messages/invalid-new-link-with-extra-anchor というエラーが出た場合の対処方法早速ですが、対処方法は以下となります。・<
記事の信頼性改めまして、しのです。この記事を書いている僕は現役のWEBディレクター兼エンジニアでして、これまで30件以上のサーバー移管を経験してきました。今回はその経験を元に、これからサーバー移管を行う人に向けて記事を書きたいと思います。WEBサイトのサーバー移管の手順では早速WEBサイトのサーバー移管の手順について書いていきたいと思います。①既存のサイトのデータを入手する②移
こんにちは、しのです。npx create-next-app後にpagesフォルダが無い場合の対処法早速ですが、解決方法は以下です。①作ったディレクトリを削除する②再度npx create-next-appを行い、「App Routerを使う？」の質問に対してNoにする上記でpagesフォルダが作成されます。丁度以下の部分ですね。Next.jsは13になってからApp routerになったの
こんにちは、しのです。本日は上記の疑問に答えていきたいと思います。というわけで早速見ていきましょう！Webディレクターはこんな人が向いている個人的には以下のような人がWebディレクターには向いているのではないかと思います。・コミュニケーションを取るのが苦手ではない方・人を喜ばせるのが好きな方・相手を思いやる事が出来る方自分で書いててびっくりするくらいWebに関係ない事でした。笑
こんには、しのです。たった3ステップで表示させることができるようになるのでぜひご覧ください！Shopifyのカートの備考欄を表示させる方法では早速ですがShopifyのカートの備考欄を表示させる方法を見ていきましょう。①まず、テーマエディタから【カート】を選択します。テーマエディタ画面から、画面上部にあるページ選択→カートを選択します。②左側のメニューから【小計】をクリックカートページに遷移した
こんにちは、しのです。Webディレクターを目指している方や、Webエンジニアからディレクターにステップアップを目指されてる方にも参考になる記事かと思いますのでぜひご覧ください。それでは早速見ていきましょう！Webディレクターの仕事内容についてWebディレクターの主な仕事内容は以下となります。・受注した案件をもとにクライアント様とのやりとり、コミュニケーション・要件定義・案件のスケジュール作成
こんにちは、しのです。Webディレクターを目指している方にとって少しでも役に立た内容になれば幸いです。筆者は現役のWebディレクターでもあり、Webディレクターを採用する立場でもあるので、採用の観点でもお話出来ればと思いますそれでは早速見ていきましょう！Webディレクターになるには？Webディレクターになるために何か必要な資格や検定はありません。Webディレクターを募集している企業があり、採用されれ
こんにちは、しのです。今回の記事では「Webディレクターって未経験でもなれる？」という疑問について現役Webディレクターの僕が回答していきたいと思います。それでは早速見ていきましょう！Webディレクターは未経験からでもなれる？結論から言いますと、「なれますが大変」です。なぜかと言うと、Webディレクターはそもそも自社のエンジニアやデザイナーの取りまとめ役にもなりつつ、かつお客様との折衝やコミュニケーションも行う必要があ
こんにちは、しのです。この記事は以下の方に向けて書いております。ポイントWEBディレクターを志している方Webディレクターになることを検討している方それでは早速見ていきましょう！Webディレクターは大変？しんどい？結論から言いますと、「他者やクライアント様とコミュニティケーションを取る事が苦手だ」という人からすると大変なお仕事かもしれません。なぜならWebディレクターはクライアント様と折衝したり、チ
こんにちは、しのです。現在WEB制作会社に転職して約1年が経過しました。以前は事業会社にてフロントエンドやデザインに携わっていたのですが、制作会社に入ったのは初めてだったので、今回の記事では以下の内容にフォーカスして記事を書きたいと思います。ポイント・WEB制作会社で働くってなんだかオシャレだけど実際どうなの？・WEB制作会社で働くのって大変なの？・WEB制作会社で働く上で楽しい事ややりがいは？WEB制作会社で働く
こんにちは、しのです。今回はiOS17でデベロッパーツールを開こうとしたらデベロッパーツールが無い時の対処方法についてご紹介したいと思います。早速見ていきましょう！まず状況の確認から通常一番下の「ロックダウンモード」の上に「デベロッパーモード」という項目があるはずですが、見当たりませんでした。解決方法をググるなので解決方法を調べたところ、以下の「iCareFone」というWEBサービスを見つけました。
![海の日7/15と北海道に7年ぶりに台風上陸!続々々-編物[クイズ-本物ゆで卵を探せ(上級編)]答](https://img.blogmura.com/sites/1064082/post-images/72815245.webp/crop/120x120)
![[PAINTING] 剛カルテットの夏祭り @ 石垣CITY JACK](https://img.blogmura.com/sites/356499/post-images/72810009.webp/crop/120x120)
