業務効率化

JavaScript

jQuery無しでスムーススクロールをJavaScriptで実装する最も簡単な方法を検証~これでいいんじゃ……

IE(Internet Explorer)が去った今、スムーススクロールってめっちゃ簡単に書いてもいいのでは?と思い検証を兼ねてコードを実装してみます。 スムーススクロールをするにはちょっと文章量が多くないといけないので大変ですね。...
SEO

Google検索にチョイ足しクエリで仕事が捗る【URL付与パラメーターの一覧】

Webライティングをやっていると、専門技術に関しては日本語サイトはかなり遅れていると皆さんお考えではないでしょうか。海外の先端情報をどうやって集めるか、という問題が出てきますが、とりあえずGoogleで英語検索するのが定石ですね。 ...
JavaScript

JavaScriptの三項演算子が分かりにくくて発狂するかたへ~三項演算子とはなにか、覚え方とメリットは何か

(条件) ? 真/trueの場合 : 偽/falseの場合; プログラムの書き方は最適解は存在するものの絶対正であることはあまりない(構文以外の話)と個人的には考えています。その最たるものが三項演算子を使うか使わないかや、アロー関数...
JavaScript

テスト/本番ドメインのブラウザの比較検証を効率化するChrome拡張機能 『The Switcher』 – テスト環境・本番環境の切り替えにお使いください

ドメインのスイッチや切り替え表示はそのままやると非効率 コーディングやサイト構築の仕事では、テスト環境と本番環境が分かれていることが非常に多いですね。この場合、サイトの表示確認や動作確認をするのに手間がかかることが多々あります。 ...
2023.03.06
react-native

【CSS 疑似要素】before, afterのcontentプロパティ内で文章を改行する方法

やむを得ずHTML内の文章をCSSで入れ込むことが稀にあります。その方法こそ「content: "~"」です。これはおなじみなので特に説明の必要もないかと思います。 しかし、このcontent内の文章に改行や空白を入れたいときは少し...
2023.02.14
JavaScript

来年(2024年)まであと何日?何時間?何分?何秒?【カウントダウンタイマーJavascript】

今年(2022年)もわずかになりました。カウントダウンタイマーをつくりましたのでご査収ください。 2024年01月01日00:00まであと、 let nowTime = new Date(); let limitTime = ne...
2023.01.01
Flutter

Youtube Data API APIキー発行手順と有料か無料かを解説・セキュリティ対策も【2022年9月】

今回はYoutubeのAPIの中でも王道となり得る、Youtube Data APIを使う下準備をしていきましょう。YoutubeにはYoutube iFrame Player APIというAPIもありますが、こちらのData APIに限...
JavaScript

Youtube iFrame Player APIの使い方。無料で使えるの?メリットは?自動再生の方法は?【2022, 2023年JavaScript】

WebページにYoutubeを埋め込む場合に、埋め込み用iframeのソースを張り付けるのが一般的です。特段にAPIを使う必要が無い場合にはYoutubeページにある埋め込み用iframeを張り付ければOKですね。例えばこんな感じのソース...
2023.03.05
JavaScript

【コピペOK】JavaScriptの汎用メソッド「formatDate」全コード掲載!日付フォーマットなんて簡単です

いわゆる「formatDate」はJavaScriptのDateオブジェクトを指定したいフォーマットに変換する際に非常に便利な汎用コードです。JavaScript標準の関数ではなく、自前で宣言し実行する流れとなります。 たとえばYY...
JavaScript

【JavaScript】アロー関数とは!?たった6つのポイントをおさえて、分かりやすく解説!

よく他人のソースコードを見ている時にギョっとなる関数の書き方がありませんか??それ、大概はアロー関数式でかかれたJavaScriptの関数です。 アロー関数がどういうものかを理解できていればキョっとなる必要はほぼ無くなります。普通の...
2022.07.21
JavaScript

配列内の検索・判定・判別をするJavaScriptのメソッド(find, some, every, includes)を解説~初心者~中級者向け

Arrayオブジェクトのメソッド判定・判別の用途isArray()配列オブジェクトであるか?find()条件を満たす値を取得するsome()条件を満たす要素がひとつでもあるか?every()全要素が条件を満たすか?includes()任意...
2022.07.19
JavaScript

【疑似クラス】nth-childとnth-of-typeの違いを徹底検証!

フロントエンドエンジニアやコーダーが結構おざなりにしているnth-childとnth-of-typeの違いを解説します。知人の中にも「必要になったら毎回ググってる」人が多く、あまりきちんと理解しきれてないことがよくあります。 今回の...
SEO

サーチコンソールで複数のキーワード(クエリ)でフィルターをかける方法。「または(or)」の利用法。

Google Search Console、いわゆる「サチコ」でキーワードを複数でフィルタリングするにはひと手間かける必要があります。 単純に「インスタ」という単語を含むだけで良ければ、「次を含むクエリ」ボタンを使ってサクサクできま...
業務効率化

Google Chromeのデベロッパーツール搭載のエレメント検索機能が便利すぎる件~セレクタ検索、xPath検索

Webページ内で複雑なセレクタがどの要素に当たるのかが一発でわかる便利な検索機能のご紹介です。 普通に検索窓として「class="nantoka"」や「src="/images」のような文字列を検索するのにも使えるのですが、...
業務効率化

新常識?ヘッドレスCMS(Headless CMS)とは何か?初心者にも分かりやすく解説

悩見坂 楓 最近ヘッドレスCMSってよく耳にするんだけど、いったいどういうものでしょうか?? 著者 ヘッドレスCMSについて出来るだけ分かりやすく解説してみます!お任せあれ! ヘッドレスCMS(Headless C...
2023.03.15
タイトルとURLをコピーしました