WEBで稼ぐ！をテーマに幅開く情報を発信しています。主にWEB制作、ブログ、WEBライティング、転職活動についての記事が多くWEBで稼ぎたい人にオススメです。
【WordPress開発】特定の固定ページのカスタムフィールドをWEBサイトに表示させる方法
こんにちは、しの(@SHINOWEB1)です。 あれー？おかしいなあ。固定ページの内容をサイトに表示したいのにうまくいかないよ。コードが間違ってるのかな。解決方法どこかに載ってないかなあ。 本記事は上記のような疑問やお悩みに役立つ内容となっております。 WordPressでWEBサイトの開発をしている人でカスタムフィールドを使用している人は多いと思います。 そしてとある固定ページのカスタムフィール
【3分で完了!】WordPressのテーマ用サムネイル画像の設定方法について解説します
こんにちは、しの(@SHINOWEB1)です。 WordPressでテーマを自作したらテーマのサムネイルが何も無い状態だけど、このサムネイルを設定する方法はどうやったらいいのかな。詳しく教えて欲しいな 本日は上記のような疑問に役立つ記事となっております。 WordPressのテーマは、既存のものをインストールするとテーマのサムネイル画像が設定されていると思いますが、自作のテーマの場合は設定をしない
WEBエンジニアとして成長するために心がけるべきこととは?【結論：Why思考が重要です】
こんにちは、しの(@SHINOWEB1)です。 WEBエンジニアとして成長したいけどどうやったら成長出来るかわからない。日々心がけることとかあったら知りたいなあ 本記事は上記のような疑問に役立つ記事となっています。 WEBエンジニアとして企業などに所属していると勝手に成長出来る、という人もいますが実際はそんなに甘くはありません。 「コードを書く」「就業時間以外で勉強する」といった事は基本的なことで
【打開策はあります】未経験からWEBエンジニアは大変というかほぼ無理ゲーな件
こんにちは、しの(@SHINOWEB1)です。 未経験からWEBエンジニアってやっぱり大変なのかな。Twitterとかでも結構キツイっていう呟きを見るし、実際のところどうなんだろう。打開策もあれば知りたいなあ 本記事は上記のような疑問に役立つ内容となっております。 ITの需要が高まり続けることから、未経験からWEBエンジニアを目指す方も増えていると思います。 ただ、「希望を持って就職したは良いもの
ブログの集客で”SEO”に偏り過ぎるのは危険です【バランスよく集客しよう】
こんにちは、しの(@SHINOWEB1)です。 ブログの集客を増やすためにSEOを頑張ってるけど、Googleのアップデートとかで一気に検索順位が下がったりするのが不安だな。こういう場合どうすればいいのかな。 本記事は上記のような疑問に役立つ内容となっております。 ブログで集客を伸ばすにはSEOが2021年現在でも有効な手段と言われています。 SEOで検索順位を1位に上げるとキーワードにもよります
こんにちは、しの(@SHINOWEB1)です。 転職して1年目だけど全然仕事が上手くいかないしいつも怒られたりミスしてばっかりだし辛いな。もう辞めたいな・・・ 今回の記事は上記のような悩みを持っている方に伝えたい内容となっております。 転職1年目って何かと大変ですよね。 分からないことも多いですし、不慣れなことからミスしてしまったり、先輩や上司に怒られたり。 何かと心が折れるタイミングも多いのが「
こんにちは、しの(@SHINOWEB1)です。 転職しようと思うんだけど長年お世話になった会社だしこれってやっぱり裏切り行為なのかなあ。会社の皆にも申し訳ないし合わせる顔が無いな。 転職を考えている方で、上記のように思い悩んでしまう方もいるかもしれません。転職自体は会社側からすると「裏切り」かもしれませんが、それよりも大事にするべきものがあなたにはあるはずです。 自分の人生を考えたり、環境を変えた
【WordPress】フィルターフックとは？使い方やメリットを解説
こんにちは、しの(@SHINOWEB1)です。 今回はWordPressの開発では欠かせないフィルターフックについての記事です。 ただ、 フィルターフックってよく聞くけどいまいちよくわからないなあ。 という方も多いのではないでしょうか。 「フック自体の概念」やアクションフックについてはこちらの記事で書いておりますのでご覧ください。 今回の記事ではフィルターフックが何なのか、フィルターフックを使うメ
WEBエンジニア転職のためのオススメ転職サイト3選&転職の心構えについて
こんにちわ、しの(@SHINOWEB1)です。 エンジニアとして転職したいけどどの転職サイトが良いの？ サイトも多くてどれが良いか分からない と思っておられる方も多いと思います。 今回はそんな方々に向けてオススメの転職サイトと特徴、転職する際のマインドセットについてご紹介したいと思います。 これから転職を考えておられる方に少しでもお役に立てれば幸いです。 それでは早速行ってみましょう。 Wante
こんにちは、しの(@SHINOWEB1)です。 「WEBサイトを模写したいけど、どうやったらいいの？」 「WEBサイトを模写するときに気をつけるべきことってどんなこと？」 本日は上記のような疑問にお答えする記事となっています 本記事でわかること ・WEBサイトの模写のやり方がわかる ・模写をするメリットがわかる ・オススメの模写サイトがわかる それでは早速行ってみましょう。 記事の信頼性 この記事
【WEBエンジニア】転職時に好印象なポートフォリオの作り方とは?
こんにちは、しの(@SHINOWEB1)です。 エンジニアとして転職を考えてるけどポートフォリオってどう使ったら良いんだろう。どういうポートフォリオが好印象なのかな。もしオススメの方法があれば教えて欲しいな。 本記事は上記のような疑問やお悩みに役立つ内容となっております。 WEBエンジニアとして転職するなら必須のポートフォリオ。 でもいざ作るとなるとどうやって作れば良いのか分からないという方も多い
こんにちは、しの(@SHINOWEB1)です。 本日は郵便番号を正規表現でチェックする方法を紹介します。 郵便番号を正規表現でチェックする機会は企業のサイトやECのサイトなどで数多くあります。 住所を入力する際には郵便番号を入力する事がほとんどなためですね。 その際に郵便番号正しく入力されているかをチェックする必要がありますが、これをプログラムを使って行なってみましょう。 正規表現と言うと難しい印
未経験からWEBエンジニアに転職して今思うこと【転職から1年】
こんにちは、しの(@SHINOWEB1)です。 未経験からWEBエンジニアに転職して先日で1年が経ちました。 今、改めて振り返ってみると怒涛の1年だったなと思います。 今回の記事では全くのド素人の未経験からWEBエンジニアになって1年、今思うことを書いていこうと思います。 ただの回顧録ではありますが、これからエンジニアを目指す方にとって少しでも参考になれば幸いです。 未経験からWEBエンジニアは「
こんにちは、しの(@SHINOWEB1)です。 WordPressで自作のプラグインが作れるって聞いたんだけどどうやって作るのかな。プラグインを自作するってなんだか難しそう。分かりやすく教えてほしいな。 本記事は上記のような疑問に役立つ記事となっております。 WordPressを使ってWEBサイトを運営している方で有れば便利なプラグイン。 実は自作する事が出来ます。 ただ自作するとなると「エンジニ
【WordPress】これでわかる！アクションフックについて解説します
こんにちは、しの(@SHINOWEB1)です。 WordPressのアクションフックって何なの？そもそもフックがよく分からないんだけど、、、誰か解説してほしいなあ 本記事は上記のような疑問に役立つ記事となっております。 WordPressの開発を行なっていると「フック」(hook)という概念が出てきますが、正直最初は概念がよく分からないですよね。 そのためこの記事ではWordPress開発初心者の
【WordPress】カスタムタクソノミーとは？使い方と役割も解説
こんにちは、しの(@SHINOWEB1)です。 カスタムタクソノミーって名前はよく聞くけど何なの？タクソノミーって何？使い方とか役割も知りたいなあ 本記事は上記のような疑問に役立つ内容となっております。 カスタムタクソノミーはWordPressを使っていると耳にしたことがあると思いますが、タクソノミーという言葉自体に馴染みがなく、よく分からないという方も多いのではないでしょうか。 今回の記事ではカ
【WordPress】固定ページ型のカスタム投稿タイプを作る方法
こんにちは、しの(@SHINOWEB1)です。 WordPressの固定ページみたいに階層がある形のカスタム投稿タイプってどうやったら作れるのかな。 今回は上記のような疑問に役立つ記事となっております。 カスタム投稿タイプはWordPressの「投稿」と「固定ページ」で言えばどちらかということ「投稿」に近い性質を持っているのですが、固定ページのように階層を持たせる固定ページ型の投稿タイプを作ること
【WordPress】カスタム投稿タイプでGutenBergに対応させる方法とは？
こんにちは、しのです。 カスタム投稿タイプの設定は出来たけどエディタが旧エディタのままだな。せっかくだし新エディタのGutenBergを使いたいんだけどどうやってやるんだろう。 本記事は上記のような疑問に役立つ記事となっております。 カスタム投稿タイプで新しい投稿タイプを作ったものの、ある設定をしなければ旧エディタのままとなってしまいます。 本記事ではカスタム投稿タイプでGutenBergにするた
【WordPress】カスタム投稿タイプの書き方とメリットとは？
こんにちは、しのです。 今日はWordPressで使えると便利な「カスタム投稿タイプ」の書き方とメリットについて深掘りしていきたいと思います。 カスタム投稿タイプを使いこなせるようになるとWordPressでのWEB制作力が1段階上がったと言っても言い過ぎではないくらい便利な機能ですので、是非使い方をマスターしていきましょう。 カスタム投稿タイプとは 早速ですが、カスタム投稿タイプはWordPre
こんにちは、しのです。 連想配列で配列に要素を追加したいんだけどどうやってやればいいんだろう 本記事は上記のような疑問に役立つ内容となっています。 プログラミングをしていると配列や連想配列というものに出くわすことがありますよね。 配列を使うと変数の管理が楽になるのと同じように、連想配列を使うとよりプログラムの見通しが良くなるため書き方を習得しておくと便利になるはずです。 その中でも今回は連想配列で
「ブログリーダー」を活用して、しのさんをフォローしませんか？
こんにちは、しのです。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サービスを見つけました。
