💡 kachibito.net

  • Resources
  • OSS
  • AI
  • CSS
  • JavaScript
  • WordPress

[PR]

「今日の日付」を取得する

Ads
X Bluesky Misskey はてブ
2012.04.25

Code

Screen shot

Note

Description 「今日の日付」を表示するコード。
WordPress Ver. 3.3.1
Via –

[PR]

その他 ちょっとしたTips テーマファイル
Ads
share
X Bluesky Misskey はてブ
subscribe

recommend

WordPress

previous_posts_link()に任意のclass名を追加する

WordPress

ダッシュボードにオリジナルのボックスを追加する

WordPress

管理画面のダッシュボードにエラーログファイルを読み込んで表示させる

WordPress

ショートコードでGoogleアドセンスを記事内に含める

記事の最後にコンテンツを埋め込む
メインループの外で別のループを作り、特定の投稿を取得する

Author


Kachibito.net is a website to writing tutorials and code snippets for Web Developers, the main subjects are WordPress, javascript, CSS, OSS, tools and resources.

Links

  • About/Privacy Policy
  • Contact
  • X(Twitter)
  • Facebook

Resources & Tools

  • ロジクール製品のカスタマイズが可能なオープンソースのローカルファーストなLogitech Options+代替アプリ・「OpenLogi」
  • BYOKでセルフホスト可能なオープンソースのAIワークスペース・「ai.diy」
  • システムへの組み込みを前提に設計されたミニマルでパフォーマンス重視のオープンソースAIコーディングエージェント・「fx」
  • AIエージェントにも配慮した設計のVueおよびReact向けUIコンポーネント集・「Balsa UI」
  • Cloudflareの無料枠で使えるオープンソースのプライバシーファーストなWeb解析ツール・「Edgemetry」
  • 日々の作業内容をまとめてくれるオープンソースのAI作業日報アプリ・「Meridian」
  • 軽量でクロスプラットフォーム対応の使いやすいオープンソースMarkdownリーダー・「DBV Markdown Reader」
  • Cookie不要のプライバシーファーストなオープンソースのAIネイティブWeb解析アプリ・「OpenAnalytics」
  • チームのAIエージェント同士やチーム間で任意のファイルを共有するためのオープンソースの共有フォルダシステム・「BearDrive」
  • ランディングページなどで使える印象的なテキストアニメーションをノーコードで生成できるOSSモーションエディター・「Reactimate」
Resource全記事 →

OSS

  • ロジクール製品のカスタマイズが可能なオープンソースのローカルファーストなLogitech Options+代替アプリ・「OpenLogi」
  • BYOKでセルフホスト可能なオープンソースのAIワークスペース・「ai.diy」
  • システムへの組み込みを前提に設計されたミニマルでパフォーマンス重視のオープンソースAIコーディングエージェント・「fx」
  • AIエージェントにも配慮した設計のVueおよびReact向けUIコンポーネント集・「Balsa UI」
  • Cloudflareの無料枠で使えるオープンソースのプライバシーファーストなWeb解析ツール・「Edgemetry」
  • 日々の作業内容をまとめてくれるオープンソースのAI作業日報アプリ・「Meridian」
  • 軽量でクロスプラットフォーム対応の使いやすいオープンソースMarkdownリーダー・「DBV Markdown Reader」
  • Cookie不要のプライバシーファーストなオープンソースのAIネイティブWeb解析アプリ・「OpenAnalytics」
  • チームのAIエージェント同士やチーム間で任意のファイルを共有するためのオープンソースの共有フォルダシステム・「BearDrive」
  • ランディングページなどで使える印象的なテキストアニメーションをノーコードで生成できるOSSモーションエディター・「Reactimate」
OSS全記事 →

AI

  • BYOKでセルフホスト可能なオープンソースのAIワークスペース・「ai.diy」
  • システムへの組み込みを前提に設計されたミニマルでパフォーマンス重視のオープンソースAIコーディングエージェント・「fx」
  • AIエージェントにも配慮した設計のVueおよびReact向けUIコンポーネント集・「Balsa UI」
  • 日々の作業内容をまとめてくれるオープンソースのAI作業日報アプリ・「Meridian」
  • Cookie不要のプライバシーファーストなオープンソースのAIネイティブWeb解析アプリ・「OpenAnalytics」
  • チームのAIエージェント同士やチーム間で任意のファイルを共有するためのオープンソースの共有フォルダシステム・「BearDrive」
  • AIエージェントファーストに設計されたオープンソースのモバイル向けUIライブラリ・「Arlo UI」
  • VapiやRetellの代替として開発されたオープンソースのセルフホスト音声AIエージェントプラットフォーム・「Dograh」
  • AIアシスタント付きのドキュメントサイトを構築できるオープンソースのドキュメントエンジン・「docmd」
  • インタラクティブな3Dデジタル地球儀やAIアシスタントも用意されたオープンソースのGoogleアナリティクス向けダッシュボード・「GA4 Dashboard」
AI全記事 →

CSS snippet

  • Tailwindからインスピレーションを得たスクロールアニメーション
  • CSSだけで開閉するツリー
  • 実用的でユニークなチェックボックスのまとめ・「Beautiful CSS checkboxes examples」
  • CSSのみで昔のフィルム映像みたいなアニメーションノイズ
  • CSSのみで白抜きテキスト内に波打つようなアニメーションエフェクト
  • どのデバイスでもある程度はレイアウトが綺麗に見える100バイトのCSS
  • 夢の中の景色のようなDreamy blurエフェクトをCSSで実装する
  • :has()を使って親要素内に存在する子要素を数えるCSSのサンプル
  • 非推奨のmarqueeタグのような動作をモダンなCSSで再現
  • 文章の任意の行で文字省略を3点リーダーでなくグラデーションで
CSS全記事 →

JavaScript snippet

  • 任意のHTML要素を動的に生成する
  • Webページに「Mastodonで記事をシェア」ボタンを設置するコード
  • スクロールに応じて3Dモデルを回転させる
  • localStorageで保存可能の、シンプルなテーマ切り替え
  • 目線がマウスの動きを追う的なやつ
  • CSS+JavaScriptでローディング時にスケルトンスクリーン
  • VanillaなJavaScriptでページ内検索
  • VanillaなJSでスクロールに応じて要素をアニメーション
  • スクロール追従するページ内ナビゲーション
  • jQueryプラグインのLettering.jsをVanillaに変換
JavaScript全記事 →

WordPress Code

  • 画像のURLから、その画像のIDを取得する
  • カスタム投稿タイプの記事数をダッシュボードに表示させる
  • 非公開や下書きの固定ページを親ページに設定できるようにする
  • 一番最新の記事を除いた最新記事のリストを表示する
  • 特定の親の固定ページに属する全ての子孫のリストを表示する
  • ショートコードで任意の記事ページに関連記事を出す
  • 記事内に、前後の記事に付与した任意のカスタムフィールドの値を表示する
  • 記事を公開する前に確認アラートを出す
  • Youtube動画にマウスホバーでSNSへのシェアボタンを表示させる
  • タグクラウド内で現在閲覧中のページに付けられたタグをハイライトする
WordPress全記事 →

Projects

  • WPD-gallery
  • Web制作案件に関して

Links

  • About/Privacy Policy
  • Contact
  • Twitter
  • Facebook

Author

kachibito.net
Kachibito.net is a website to writing tutorials and code snippets for Web Developers, the main subjects are WordPress, javascript, CSS, OSS, tools and resources.
かちびと.net
Copyright © 2008-2026 かちびと.net All Rights Reserved.
    • Resources
    • OSS
    • AI
    • CSS
    • JavaScript
    • WordPress
  • ホーム
  • トップ