折橋 廉

主にコードを載せるのに使います。 興味のある話題 ▶ デザイン／ウェブデザイン／音楽

折橋 廉

主にコードを載せるのに使います。 興味のある話題 ▶ デザイン／ウェブデザイン／音楽

  • コーディング

    コーディングに関する自分の記事をまとめています。

  • 固定された記事

【WordPress】画像投稿で記事を自動生成

00. はじめにサイトの運営で一番面倒なことは、更新作業ではないでしょうか？　 更新履歴記事作成、アイキャッチの作成、フロントページでお知らせ、作品ページの詳細……。すべて手動で更新しなくても、ひな形さえ作ってしまえばほとんどは自動化が可能な作業です。 WordPress で個人サイトを構築するにあたって、サイトの記事を半自動で生成するオートプログラムを自作しましたので、それらについて共有できればと存じます。この記事がどなたかのお役に立つことを祈っています。 ※ プラグイ

折橋 廉

    • 【ChatGPT】プログラミングに活用するためのメモ

      00. はじめに個人的なメモとして、常時アップデートしていきたいです。 もしどなたかのお役に立つようでしたら、ご活用ください。 01. AIが質問を返すように設定01-01. 提示するプロンプト 上記のツイートを参照させていただきました。 02. AIをプログラマーに設定02-01. 提示するプロンプト あとは、トリガーコマンド [###プログラミング開始###] を打てば、AIがプログラマーとして回答してくれます。 03. Markdown記法03-01. 提示す

      折橋 廉

      • 画像が表示されないときの原因と対策《mask, aspect-ratio》

        先日、「画像が表示されない理由」についてマシュマロを頂きました。 その際にフォルダのパスについてご案内したのですが、後から思えば他にも原因が思い当たったので補足です。 サンプルコードを載せるために記事を書きます。 01. 考えられる原因と対策① 原因１：ブラウザにHTMLをドロップしたローカル環境で見ている CSS の maskを使用して画像表示している場合、通常のローカル環境ではクロスドメインとしてブロックされるため、表示されません。 【対策】 ・仮想サーバーでロー

        折橋 廉

        • 【2022年】近年のモダンブラウザ CSSハック

          自分用に忘備録です。 近年実装されたものを中心にまとめました。 ※ベンダープレフィックスは省略 01. 疑似クラス：「:is()」「:where()」「:not()」記述をすっきりさせる。 「:is()」 input[type="text"]:invalid,input[type="email"]:invalid,select:invalid,textarea:invalid { box-shadow: none;}/* ↓　書き換え */:is(input[typ

          折橋 廉
        • 固定された記事

        【WordPress】画像投稿で記事を自動生成

        折橋 廉

        マガジン

        • コーディング
          8本

        記事

          【2022年版】Web制作に役立つチートシートまとめ【主に日本語】

          Web 制作で困った時の強力な助っ人「チートシート」。 チートシートに関するまとめ記事は数多くありますが、内容が英語のものが多かったり、リンクが切れていたりと、なかなか探すのが大変です。 そんな悩みに対応すべく、2021年版の最新のチートシート情報をまとめます。 普段筆者が使っているものから、今回記事を書くにあたって新たに追加したものまで、広くのジャンルのものを扱います。 ※ 記事は 21.12月時点の情報です。ご利用の際は、情報が古くなっていないか、ご自身でのご確認をお

          折橋 廉

          【2022年版】Web制作に役立つチートシートまとめ【主に日本語】

          折橋 廉

          IEを判定してアラートを表示

          当サイトで配布するテンプレートは IE非対応 です。ですが、対策をしたいとお考えの方もいらっしゃるかもしれないのでその方法をご紹介します。 01. オーバーレイ表示上記のサイト様の記事でIEを判断してモダンブラウザへの移行を促すアラートを表示させる方法を紹介してくださっているので、ご参考下さい。 このままではエラーが出てしまったので、js の変更点を挙げます。 02. 変更点 `<span>Internet Explorer、ダメ絶対！</span> Google C

          折橋 廉

          IEを判定してアラートを表示

          折橋 廉

          アニメーション・エフェクトの個人的な探し方

          先日、マシュマロを頂き、webテンプレートで使うアニメーションやエフェクトをどうやって見つけているのか、ご質問を受けました。 そこで、個人的にどうやってアニメーションやエフェクトを見つけているのか、まとめていきたいと思います。 01. とりあえずブクマしておく Twitter で「Webクリエイターボックス」様、「コリス」様、「Web Design Trend」様など、ウェブ関連のツイートをされる方をフォローしています。 そこで紹介されるスニペットなどをブラウザのブックマ

          折橋 廉

          アニメーション・エフェクトの個人的な探し方

          折橋 廉

          【Brackets】から【VS Code】に乗り換える

          プログラミングのためのテキストエディタ「Brackets」は開発元である Adobe のサポート終了が、'21年 9月に決定しています。今後使うエディタに困っている人も多いのではないでしょうか。 この記事は、そんな Brackets 難民の方向けに、「VS Code」に乗り換える方法をまとめます。 ※ '21年 8月現在／windows 10 環境 ※21.08.19　手違いで書いていた一万字超えの記事が消えて 5,000字になったので萎えて規模縮小しました。 ※Git

          折橋 廉

          【Brackets】から【VS Code】に乗り換える

          折橋 廉