今からでも遅くないconsoleを使いこなそう - Qiita
はじめに この記事では、consoleメソッドについて紹介を行っていきます。consoleメソッドには例えばconsole.log()などが挙げられます。web開発においてconsole.log()を使用する方は多いかもしれません。しかしconsoleにはconsole.log()以外にも様々なメソッドがあるので、状況に合わせて使い分けることで少しでも快適なデバック、開発ライフを目指しましょう。 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 consoleについて consoleオブジェクトを用いることで変数の値などをコンソール上に出力することができます。主に出力の確認であったり不具合の原因特定などのデバックするために
WP REST APIでキーワード検索をしたら非同期で検索結果を表示
// ボタンクリックでイベント開始 document.getElementById("search-button").addEventListener("click", async () => { const searchInput = document.getElementById("search-input"); const searchResults = document.getElementById("search-results"); // 文字列の両端の空白を削除 const keyword = searchInput.value.trim(); // キーワードなしの場合無反応 if (keyword.length === 0) { return; } const targetSiteUrl = 'https://jobtips.net/'; // APIで取得したいURLを
WordPressで日付の範囲指定をして記事を表示する方法 | それからデザイン スタッフブログ
WordPressでブログ投稿を一覧ページに表示する際、○月○日から○月○日までといった具合に、日付の範囲指定して表示させたいことなどありませんか？ 例えば、○月○日から○月○日までのイベントに関する記事を表示させたいなどが考えられると思います。 そのような場合、「date_query」を上手に使うと、日付の範囲指定をして記事を表示することができるので、とても便利です。 今回は、「date_query」の使い方やパラメーターの種類について、幾通りかの日付の範囲指定を例に、少しご紹介をさせていただきたいと思います。 WP_Queryクラスで「date_query」を利用する 投稿日を指定する場合（例 2015/7/21 ） year、month、dayに取得したい日付をそれぞれセットします。 $args = array( 'date_query' => array( array( 'year
WordPressのバージョン5.5.0から追加されたXMLサイトマップ自動出力機能を紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
WordPress5.5.0から追加された新しい機能についてご紹介します。 この記事を執筆中のWordPressの最新バージョンは5.8.2なので、なんで今更と思われてしまうかもしれませんが、少し驚いた機能だったのでこうして記事にしてしまいました。 WordPressはXMLサイトマップを標準で出力する？ しない？ これまでWordPressではXMLサイトマップはそのままでは出力されませんでしたので、プラグインを利用したり、または自前で用意したりといったかたちで対応をしてきたと思います。あるとき、WordPressをいじっているとまだ準備していないはずのXMLサイトマップが出力されていることに気づきました。 WordPress5.5からはデフォルトでXMLサイトマップが出力されるようになっていたのです。それがどのような機能なのかを簡単に見ていきたいと思います。 XMLサイトマップには、設
outputで出力結果（知名度が低いウェブ標準ひとりAdvent Calendar 2021 – 21日目） | Ginpen.com
知名度が低いウェブ標準ひとり Advent Calendar 2021 – 21 日目 今日は <output> です。<input> の逆です。 <output>: 出力要素 – HTML: HyperText Markup Language | MDN デモ：https://codepen.io/ginpei/pen/poWwZeK 基本的な使い方 <input> と異なり終了タグが必須です。 また JavaScript 側では <input> と同様 value プロパティを持ちます。 for 属性 計算に係る情報を提供する要素の ID を与え関連性を for 属性で明示することができます。複数ある場合は空白区切り。 明示できるだけでそれ以上の効能は仕様では示されていません。なんか実装でうまいこと扱ってるやつあるのかな。 必須ではないです。 type プロパティ そういえば valu
QUERY関数の基本と簡単な応用例！意外と気づかない2つの注意点も紹介【Googleスプレッドシート】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
LIGのtetsuこと手塚です。情報システム室の室長をしています。 LIGでは主にGoogleのサービスを利用していることが多く、社内共有の利便性からGoogleの「スプレッドシート」を使う機会が多くあります。特に業務の中では、表計算やデータの集計などで多く使い、あらゆる関数を駆使して必要なシートを作成していきます。 今回はその関数の中でQUERY関数について、少し紹介していきます。QUERY関数はVLOOKUP関数より複雑な条件で出力したり、出力結果の並びを自由に変更できる関数です。 QUERY関数とは QUERY関数の説明でGoogleでは Google Visualization API のクエリ言語を使用して、データ全体に対するクエリを実行します。 参照元：Google とあります。 これはGoogleが提供するスプレッドシート内のデータに対する処理を、指定の書式で構成した命令文を
Web上でアニメーションを表示するなら「Lottie」がおすすめ！特徴や使い方など | Web Design Trends
Web上でアニメーションを表示するなら「Lottie」がおすすめ！特徴と使い方など Webサイト上でアニメーションを実装する場合、簡易なアニメーションはCSSやJavaScriptで手軽に作ることができますが、リッチなアニメーションを作ろうと思ったらコード量も結構なボリュームになってしまいます。 そんな時におすすめなのが「Lottie」です。LottieはAfter Effectsで作成したアニメーションを簡単にWebやアプリで表示することができ、パフォーマンスにも優れています。 今回は、Lottieの特徴や使用するメリット、使い方などをご紹介したいと思います。 Lottieとは LottieはAirbnbが公開しているアニメーションを表示するためのライブラリです。スマホなどのネイティブアプリがメインのようですが、Webサイト上でも高クオリティのアニメーションを簡単に表示することができ、非
console.log()だけじゃない、覚えておくとデバッグ効率の向上に繋がるConsole API - NxWorld
JavaScriptのデバッグ時などにconsole.log()を利用する人は多いと思いますが、Console APIには他にも呼び出された回数カウントや経過時間確認などといった便利なものが複数用意されています。 覚えておくとデータの中身を把握しやすくなったりデバッグ効率の向上に繋がると思うので、普段からJavaScriptを触ってはいるけど使ったことがないという人は試してみてください。 ログレベルについて記載していないものは、Chromeが「info」に、FirefoxとSafariが「ログ」に出力されます。 console.assert()以降で紹介している出力イメージはChromeのものになります。 また、ブラウザによっては使用できなかったり出力内容が紹介しているものとは異なっている場合があります。 console.log()
画像のURLから、その画像のIDを取得する
画像のURLからその画像のアタッチメントIDを取得するコード。カスタムフィールドに格納した、どこにも紐付いてない画像の他のサイズのパスを取得する際にどうしても必要になった時に探してもなかなか方法が見つかりませんでしたので同じ内容で困ってる方用に。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to change the default HTML output of a Gutenberg block in WordPress?
零弐壱蜂
正在安全检测...