こんにちは、しのです。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 &#39

こんにちは、しのです。ドメイン移管は日常的に行う機会も少なく、練習も出来ないため実施に不安に思う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 というエラーが出た場合の対処方法早速ですが、対処方法は以下となります。・&lt