WordPressで記事のタグ名を取得するショートコードを作成しました。 目的 WordPressで全記事に共通して表示されるキャッチコピーやマイクロコピー、固定の文言をより具体化したいと考えたため。 例) Pythonの解説記事、PHPの解説記事、Javaの解説記事といった風に言語ごとに記事のタグが設定されているサイト構造の場合。 [タグ名(PHPなど)]に関して分からないことがありましたらお問い合わせフォームへ。 [タグ名(PHPなど)]で困ったらこちらのプログラミングスクールがおすすめです。 といた風に表記内容を具体化できる。 作成方法 1. タグ名を取得するPHPファイルをテーマ内に作成 まずはタグ名を取得するためのPHPファイルをWordPressテーマ内に作成します。 get_tag_name.php <?php //タグが設定されていないときに表示させたい文言 $ctaTagName = "不明"; //WordPressのタグを取得 $tags = get_the_tags(); //タグを取得できた場合の処理 if ($tags) { foreach($tags as $tag) { $ctaTagName = $tag->name; } } echo $ctaTagName; ?> ＊タグ名は１つしか取得できません。 2. functions.phpでショートコードを作成する functions.phpにショートコードを作成するためのPHPコードを書きます。 functions.php function tag_echo_php( $atts ){ ob_start(); get_template_part('get_tag_name'); return ob_get_clean(); } add_shortcode( 'TAG_NAME', 'tag_echo_php' ); これによって[TAG_NAME]というショートコードを書くことでget_tag_name.phpが呼び出されるtag_echo_php関数が読み込まれます。 3. ショートコードで確認 あとはタグが設定されている適当な投稿画面で[TAG_NAME]というショートコードを書いてタグを呼び出してみましょう。 参考
今日は2コマ受講しました。 ちょっとした自己紹介ページとJavaScriptのさわり。 今日やったこと 1. 動画埋め込み 2. document.write 気付いたこと 1. ニコニコ動画はscript、YouTubeはiframe 2. JavaScriptにもバージョンがあった 3. テンプレートリテラル 1. JavaScript と iframeの違い あとvideoタグ、使ったことないけれど適宜使い分ける感じなのかな。 JavaScriptのバージョン これ、初めて知りました。 とはいえよくわからないのが本音。 使うときにはそんな意識することでもないんだろうか？ テンプレートリテラル こういうちょっとしたの好きかもしれない。 三項演算子みたいな。 document.write(101×180+3001÷11は${101*180+3001/11}です); まとめ いよいよJSに取り掛かるけれど、 忘れてるところも多数あるので一からやるつもりでがんばります。
『POICE』～あなたの声は「○○っぽいっす」～ SMAPが解散し、嵐も休止し、つい先日V6も解散し、色んなメンバーが巣立っていったジャニーズ。 少し寂しい気もしますが、今も昔も男性アイドルの事務所と言えば、やっぱりジャニーズ。 「あなたってジャニーズっぽいよね！」は褒め言葉の王道と言っても過言ではないですが、（多分） いざ言われると「本当にそう思ってるの……？」と疑ってしまいますよね。 でも！声なら！声だけなら！あなたもジャニーズになれるかもしれません！ すみません。言いすぎました。 でもせめて「っぽい」と判定されてちょっとだけテンションあげませんか？ TeachableMachineの音声認識を利用して、 「ボイス（VOICE）」を「○○っぽいっす！」と判定するので、 『POICE』（ポイス）と名付けました。（安直！） 話のきっかけにいかがですか？ （投稿主はこの技術を別に応用したく作ってみたしだいです。） いざオーディション！ 下記リンク先でお試しいただけます。 使用の際は「マイク使用の許可」を行ってください。 判定されると、作成者の独断と偏見で選ばれたおすすめ公式動画が表示されます。 対象アーティスト ・SMAP（公式動画なし） ・TOKIO（公式動画なし） ・V6 ・KinKi Kids ・嵐 ・タッキー&翼 ・NEWS ・関ジャニ∞ ・KAT-TUN ・Hey! Say! JUMP ・Kis-My-Ft2 ・Sexy Zone ・A.B.C-Z ・ジャニーズWEST ・King & Prince ・Snow Man ・SixTONES ・なにわ男子 使ってみた！ 無事にジャニーズWESTと判定されました！ デビューできます！ 使ったもの ・TeachableMachine ・CodePen ・Netlify ライブラリ ・Bootstrap ・ml5.js ・axios ・jQuery 参考CodePenテンプレート 完成コード 下記CodePenをご確認ください。 See the Pen POICE by kamakurakae (@kamakurakae) on CodePen. デビューできましたか？ その日のコンディションにもよるかと思いますが、どこかのグループに所属することはできたでしょうか。 無事に入所しグループに所属できた方、デビューおめでとうございます！ 知らないグループもいたかと思います。 そんなときは、表示されたおすすめ動画をご覧いただき彼らの魅力を発見してみてください♪ 完成までのあれこれ いつもどおりZennのスクラップ記事をご覧ください。 反省会 毎度おなじみ反省会のコーナーです。 お時間のある方のみどうぞ。 ・止まらない！ →止まりました！ 一回判定されたら推論のループを止めたかったのですが、 処理の停止を指示するコードをあれこれ試したのですが止められませんでした。 近日中に更新したいところです。 →一度判定されたら止まるように更新いたしました！ SoundClassifierのclassifier.classify()はループがいらない処理とのことでした。 CodePenの内容は更新されています。 これでYoutube動画も表示されるようになりました♪ ・TeachableMachineでの歌唱判定は難しい！ 今回の「POICE」ですが、元は「歌をうたう人向けの音声認識アプリを作りたい」が発端となっています。 しかしながら、TeachableMachineを使用しての「歌」や「音程」の判定は、 現在の自分の力では作成が難しく、今回の「○○っぽい判定」に落ち着くところとなりました。 私自身が常に安定した音程で歌えればいいのですが、そうもいかず……。 ・とにかくたくさんのサンプルが必要。 音声認識、判定するにあたり必要最低限のサンプル数だけ集めたのですが、 このサンプルが多ければ多いほど精度はあがります。 開発は最小限にしサンプル収集に多くの時間をかけたかったです。 多くのサンプルが必要であると分かりました。 ・とはいえ、やっぱりTeachableMachineは便利！ 画像判定、ポーズ判定などがいくつかのサンプルを設定するだけでできる優れもの。 これが無料で使えるってGoogleさん太っ腹～。 今回の作成から学んだ知識と技術を活かして、本来作成したかった歌声判定もいつか作ってみたいと思います。 おまけ ネタ探しの参考URLをのせておきます。 ・公式（おさえておこう。） ・ジャニーズデビュー順（まとめてる人いっぱいいました。）
