WordPress をカスタマイズするなら覚えておきたい条件分岐タグと、カスタマイズにとっても便利なカスタム投稿タイプについて、簡単にまとめてみました。 WordPress をカスタマイズするなら、必ずと言っていいほど使うのが条件分岐タグ。ブログとして Webサイトを構築するなら、とってもよく使う … というほどではないかもしれませんが、一般的な Webサイトを WordPress で構築していくとなると、動的な Webサイトであればあるほど、条件分岐タグはよく使います。 また、話は変わっちゃいますけど、WordPress 3.0 から本格的に採用された新機能、カスタム投稿タイプも、WordPress でのサイト構築にはかなり便利です。おなじみの条件分岐タグから、カスタム投稿タイプ、タクソノミーまでを、メモっぽくまとめてみました。 WordPress サイト構築 Tips 目次 WordP
Help us understand the problem. What is going on with this article?
とある休日 娘「ねぇ、パパ！」 娘「switchやろ〜！」 ワイ「おお、ええで！娘ちゃん！」 ワイ「Switchやろう！」 ワイ「ほな、テレビをつけて・・・」 娘「テレビ？」 娘「何を言っているの、パパ？」 娘「TypeScriptのswitch文のことだよ？」 ワイ「ファッ！？」 switch文で何をしたいのか 娘「今ね、ショッピングサイトを構築してるところなの」 ワイ「ほうほう」 娘「それでね、手広く儲けようと思って」 ワイ「おお、ええやんか」 娘「個人ユーザーだけじゃなく、法人ユーザーも登録できるようにしようと思うの」 ワイ「なるほどな」 娘「言語はTypeScriptを使っているんだけど」 娘「ちょっと聞きたいことがあるの」 ワイ「おう、なんでも聞いてや」 あいさつ関数を作っている 娘「ショッピングサイトにログインしたときに・・・」 個人の場合 → 「無職 やめ太郎さん、こんにちは
2015年10月27日 CSS Webブラウザーによって表示可能なCSSが異なるのは、よく知られていることです。例えばChromeやSafariでは問題なく表示される filter は、Internet Explorerではうまく表示されず、別のスタイルを用意しなければいけません。今回は @supports を使って対応しているプロパティー別にスタイルを変更してみましょう。 ↑私が10年以上利用している会計ソフト！ @supports とは？ 指定した (プロパティー:値) の条件に対応しているブラウザーには {} 内に書かれたスタイルを適用するよ、というもの。新しいスタイルの書き方に対応しているブラウザーにはそれを、対応していないブラウザーには従来の書き方で、かつ見栄えの崩れないようにコンテンツを提供できるよう、CSSを記述していけます。「プログレッシブエンハンスメント」というやつですね
闇プログラマーに喧嘩を売ってしまった昼下がり～条件分岐篇～
※このまとめに含まれるプログラムは一種のパズル的な遊びです。 くれぐれも用法用量を守った上で正しくご利用ください＞＜ 実用するならば、“言うまでもなく” if か ?: を利用すべきです。 やばい連中に喧嘩を売ってしまった……。 続きを読む
一昔前のCSSと比較すると、ここ数年でCSSはかなり進化しました。calc()で数式が扱えるようになり、変数、条件分岐、ループ、論理演算なども使用できます。CSSでロジックをどう記述するのか、ブログラミング言語的な実装を紹介します。 Writing Logic in CSS by Daniel Schulz TwitterでCSSがプログラミング言語なのかと話題になっていました。その前から本記事の翻訳に取り組んでいたのですが、非常に興味深い記事でした。CSSは宣言型プログラミング言語ですが、JavaScriptのような命令型の要素も増えてきて、一昔前からかなり進化しています。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSの制御構造 CSSの実装テクニック 終わりに はじめに CSSは、スタイルのシステムに特化
WordPressを使ってサイトやブログを構築する際、例えば「一覧と詳細でサイドコンテンツを変えたい」とか「カテゴリーによって表示内容をガラッと変えたい」のように「○○の時に○○する」といったことをしたい場合に用いるのが条件分岐です。 WordPressには便利な条件分岐タグが沢山用意されており、それらを用いることで様々なことができるので、先述したように特定の条件で何か処理を行うカスタマイズをしたい方は参考にしてみてください。 条件分岐の使い方 条件分岐とは、簡単に説明すると「指定された条件に合うか・合わないかを判断し、判断に応じて処理を行う」というものになり、例えばWordPressの場合であればこれを利用することによって、同じテンプレートを使用していても条件に応じて全く違う見栄えにしたり、処理を行うといったことが可能です。 条件分岐にはswitch文というものもありますが、ここで紹介し
複雑な条件分岐にサヨウナラ。PHPのルールエンジンRulerを使って複雑な条件をシンプルにしてみた - Qiita
普通にifを使って書いてみる 単純化してますが、Kekkonクラスに、男性のステータスとかを持ったMenくらすのインスタンスを渡して、 canMarrige で結婚可能かどうかを返すと考えてください。 (ここのロジックはもう少し単純化出来ますが、条件を増やして複雑さを表現するのは大変だったので、あえて複雑なままにしてます) class Kekkon { private $men = null; public function __construct(Men $men) { $this->men = $men; } public function canMarriage() { // 年収が高ければ、身長か学歴のどちらかが高ければ結婚可能 if ($this->men->isHighIncome()) { if ($this->men->isHighHiehgt()) { return tr
はじめに 条件分岐タグ (Conditional Tag) は、テンプレートファイル内で表示される内容や、特定のページ内容を表示する条件を設定するのに使います。例えば、ブログのホームページの上部に短い文を表示させたいとしましょう。is_home()を使えば、簡単に実行できます。 これらのタグはテンプレート階層と深い関わりがあります。 注: 条件分岐タグが使えるのは WordPress の posts_selection アクションフックの後のみです (wp アクションフックはこれらの条件分岐を使える最初のものです)。テーマの function.php 本文内 (関数の外) では正しく動作しません。 しかし query オブジェクトへの参照があれば (例えば parse_query または pre_get_posts フック内から )、WP_Query 条件メソッドを使用できます(例: $q
古いブラウザ用のスタイルシートとモダンブラウザ用のスタイルシートは、どのように分けて記述していますか？ CSSのセレクタだけを使用して、古いブラウザ用とモダンブラウザ用にスタイルシートを条件分岐させるテクニックを紹介します。 Using Feature Detection, Conditionals, and Groups with Selectors 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSSの新しい機能を使用する時 新しい機能の検出が必要な時 条件セレクタのサポート @supportsに対応するセレクタ セレクタの基本的なプロパティのグループ セレクタによる条件分岐の効果的な使い方 このテクニックを使用するポイントと注意点 CSSの新しい機能を使用する時 CSSは、新しい機能をスムーズに追加できるよう設計されてい
![[CSS]これは知らなかった！セレクタを使った条件分岐のテクニック | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/46fd38076df459c198fab45d35d8d2bb9b4effd8/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201804%2F2018110201.png)
Wordpressサイトのカスタマイズでよく使う！初心者が覚えておきたい条件分岐タグ9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちわ！ 初心者エンジニアのドドリゲス・パンチョフ・ブジョンヌィ5世です。ひろゆきです。 今回はWordpressをカスタマイズする際によく使う条件分岐タグをまとめてみました。 目次 条件分岐タグとは is_home() メインページ判定 is_single() 詳細ページか判定 is_page() 固定ページか判定 is_category() カテゴリアーカイブか判定 is_tax() タクソノミアーカイブか判定 is_post_type_archive() ポストタイプアーカイブか判定 is_author() 筆者アーカイブか判定 is_singular() 投稿タイプの詳細ページか判定 is_preview() プレビューページか判定 まとめ 条件分岐タグとは 条件分岐タグとは、現在どこのページが表示されているかを判定するための関数です。例えば、ヘッダーをheader.phpとし
JavaScriptでは関数もオブジェクトです。またJavaScript独自の特徴として、オブジェクトがそのままハッシュになります。なので、これを利用すると条件分岐が簡単に書けるようになります。 これはHTML5のAPIやセレクトボックスで操作を切り替える場合のように、文字列で条件分岐したい。けど、Switch文のネストが複雑になりすぎる、あるいは不定数の選択肢に対して処理したいといった場合に便利です。 var switching=function(key){ var switchbox={}; switchbox.a=function(){ alert("a"); }; switchbox.b=function(){ alert("b"); }; var func=switchbox[key]; func(); } switching("a");//a switching("b");//
HOME › Website Tips ノート › Posted on: 2010/08/12 何となく分かった！「カスタム投稿タイプ」の表示方法や条件分岐など 目次 カスタム投稿タイプを使えるようにする シングルページの表示 条件分岐 アーカイブページ • ケース1：投稿（post）と同時表示 • ケース2：カスタム投稿のみ表示 • 気をつけること RSS フィードの調整 一般的なブログ形式の場合は、カテゴリーとタグで十分なんですが、カスタム投稿タイプとカスタムタクソノミーの使い方が理解できると、もう手放せなくなりそうです。 ブログ、お知らせ、イメージギャラリー、ポートフォリオ、店舗紹介、Q&A などなど、様々な投稿タイプにあった使い方や表示が実現できます。 日本でもようやくその情報を目にする事が増えてきましたが、それでも思うようにいかないことも多かったので、表示方法やテンプレート
Updated 2014.04.07 / Published 2011.04.28 下記に記載の内容では、2015年現在新たに登場してきているOSまで対象にするには限界がありますので、Mobileの判定をMobileとTabletにだけフィーチャーさせた2015年版JavaScriptユーザエージェント判別もあわせてご参照ください。 jQuery.supportだけで代表的なブラウザの判別を行うことができなくなってしまったので、UA情報には依存しないブラウザがサポートしている機能でブラウザ判別を行う試みです。ただし、モバイルかどうかの判別をするためにWindows Phoneに限ってはUA情報に依存する必要があります。 判別用コード var _ua = (function(){ return { ltIE6:typeof window.addEventListener == "undefi
色んなサイトを回らずに済むように、条件分岐タグのまとめを作りました WordPressの条件分岐タグ、とても便利ですね。 「ホームでは別の動作をして欲しい」「サイドバーの要素を変えたい」そんな、ちょっとした要素の変更くらいなら、条件分岐タグで対応できます。 毎日プログラムと格闘する人はCodexを見なくても書けると思いますが、私のように本職がデザイナーだと「あれ？条件分岐って、どうやって書くんだっけ？？」状態に陥ります。そんな時に役立つ、基本も含めたまとめを作りました。 条件分岐の使い方「基本編」 まずは条件分岐について押さえておきたい基本編。 条件分岐とは、簡単に解説すると条件分岐「if」を使って「もし◯◯ならば、◯◯」といった条件を指定することです。具体例はページ下部にあるので、まずは書式から。 1つの条件を指定する方法 if ( 条件1 ){ 条件1に合う場合の処理 } これが1番簡
WordPressでブログをやっている際に、トップページやカテゴリーの記事一覧ページなどで記事のサムネイルを表示させている人が多いかと思います。WordPressでは、記事にアイキャッチ画像を設定すると、それをthe_post_thumbnailという関数を利用して簡単に取得することができます。 でも、アイキャッチ画像が設定されていない場合はどうすればいいでしょうか。僕だったら、そういう場合は記事の1枚目の画像を表示させたいですね。 また、記事に画像が1枚もなかったら？なにも表示しないというのも寂しいので、「No Image」的な画像を表示させたいところです。 そういった、場合よって表示する内容を変えるには、PHPのif構文を使用します。WordPressはPHPで動いているので。 僕もPHPとかはあまりよく分かっていないのですが、簡単なif構文くらいならなんとか理解できます。今日は、そ
テストコード内では条件分岐を書かないようにする
テストコード内では条件分岐を書かないようにする 2023.01.21 誰でも読める愚直なコードであることの 1 つの目安として、テストコードの中に if 文や三項演算子などの条件分岐が入り込んでいていないことが上げられます。if 文が存在するコードはアンチパターンであるといえます。実際に if 文がテストコードの中に入り込んだ例を見てみましょう。 テストコードは誰でも読める愚直なコードであることが求められます。テストコードにはある種のドキュメントのような、コードの仕様を説明する役割が求められているためです。テストの期待結果が変数になっていて、定義元までジャンプしないと値を確認できないだとか、条件分岐やループが入り込んでいて複雑性が上がっている状態ですと、素直に読みやすいとは言えません。 コードの中では重複排除をするためにさまざまなテクニックを駆使することがありますが、これは単にテストコード
wp_is_mobile関数 - WordPress3.4から実装されたパソコン用サイトとスマートフォン用サイトを分ける条件分岐タグ
こんにちは。株式会社コミュニティコム代表取締役の星野邦敏です。 WordPressのバージョンが、日本語では2012年6月15日に、3.3.2から3.4にバージョンアップされました。 3.4から加わった条件分岐タグとして、 wp_is_mobile関数 があります。 これは、Webサイトを閲覧する端末のヘッダー情報を見て、パソコン用のコンテンツと、スマートフォン用のコンテンツを切り分ける、WordPressの条件分岐タグです。 具体的には、WordPressテーマに、以下のようなソースコードを記述すると、パソコン用のコンテンツと、スマートフォン用のコンテンツを、切り分けることが可能となります。 <?php if (wp_is_mobile()) :?> スマートフォン用コンテンツをココに書きます。 <?php else: ?> パソコン用コンテンツをココに書きます。 <?php endif
はじめに React書いてますか？ ReactもFunctional Componentが主流になっていることにより、必然的に関数型で書き進めることになっていると思います。 そんな令和時代、毎度困る場面の一つが条件分岐。 js・tsの条件分岐といえば、if文、switch文、三項演算子など種類は様々。 どういうときにどの形式で書くのか毎度迷うし、その選定を間違えたら汚いコードになりがち。 そこで、今回は条件分岐を書き方の個人的ベストプラクティスを書いていきます！ 基本方針 条件分岐の結果を何かの変数に収める これを意識するだけで割とすぐに関数型っぽくなります。可読性やテスト容易性、変更容易性なども上がります。 これの代表的な例が三項演算子だったりします。
PHPの勉強を始めたばかりの頃、条件分岐が良く分かりませんでした。今思えば、if文が何かわかっていないというより、if文で何を判断させて良いのか分からなかったような気がします。そんな条件分岐で困った時の為にすぐに使えそうな関数をピックアップしてみました。 値の有無 empty() 値が空かどうかを調べる関数です。こっちから覚えたので今でも使える時は大体迷わずこれを使いますが、変数に0や空文字がセットされている場合も値無しと判断されます。 isset() こちらは変数に値がセットされているかどうかを調べる関数です。空文字や0が変数にセットされている場合は値有りと判断されます strlen() こちらは変数にセットされた値の長さを調べる関数です 試しに動かしてみてください。入力に文字を入れて実行を押せば実行できます。 文字列一致 str_pos() こいつはややこしい関数で、これを覚えるならp
本記事を対象とする人 TS,JSで極力letではなくconstを使うべきと思っている人 結論 ts-patternが便利 https://github.com/gvergnaud/ts-pattern 解説 何かのオブジェクトを参照して場合分けして、変数を定義したい場合があると思います 例 let platform = ''; if (game.name === 'ff3') { platform = 'fc'; } else if (game.name === 'ff4') { platform = 'sfc'; } const platform = (() => { if (game.name === 'ff3') { return 'fc'; } else if (game.name === 'ff4') { return 'sfc'; } return ''; })(); //--
昔からあるWPのプラグインみたい ですが、先日知ったばかりで、と ても助かったので感謝も込めて ご紹介。WordPressのウィジェット 単位で簡単に条件分岐する事が 出来ます。 ウィジェット単位で条件分岐できるプラグイン。結構前から存在してるんですね。初めて知りました。かなり便利ですねこれ。 先日、クライアントさんの要望でTwitterアカウント名とツイート数を指定してツイート表示を簡単に管理できるように、上記のようなウィジェットを作成しました。 そのウィジェットをページ毎に表示したりしなかったり出来ないか、という追加要望を頂きました。スタッフの紹介ページ毎にそれぞれのツイートを表示したい、というものです。 簡単に出来ないか方法を探したところ、見つかったプラグインがWidget Logicだったんですが、結構前から存在してたみたい・・知らずに損した。 ウィジェットにコンディショナルタグを
このページは、Custom Taxonomy 機能を導入するまで の続きです。 投稿ページやアーカイブページに Custom Taxonomy を表示します。is_tax を使った条件分岐や、wp_tag_cloud も利用可能です。 また、 query_posts にタクソノミーを指定すれば、様々な場所で特定termの記事リストを表示することもできます。 以下、WordPress バージョン2.91 または 2.92 での検証です。 投稿ページなどで使う get_the_term_list 記事の分類に使われている、カスタムタクソノミーのtermリストを表示します。主に投稿ページ（single.php）やアーカイブページのループ内で使い、下記の例では、タクソノミー「artist」に該当するtermリストが表示されます。 引数(1, '2', '3', '4', '5' ) 投稿ID タク
知らないと損をするよ！ 携帯Flash軽量化メモ 〜条件分岐編〜 | _level0 - KAYAC Front Engineer Blog
こんにちは、お久しぶりのkijima(@otoyasumi)です。 最近はFlashLite1.1ばっかりやっているので、携帯Flash開発に便利なtipsをまとめてみました。 同時に複数の"&&"AND演算子を使わない 例えば、if( A && B && C & D & E & F & G)という条件を指定するときは、 代わりに以下のように記述しましょう。 if ( A + B + C +D + E + F + G === 7 ) FlashLiteでは"true"は1、"false"は0でもあるので、これを利用します。 A〜Gまですべて"true"なら、すべて加算すれば7になるので、 上のような記述で"&&"を使わずに実装できます。 なぜこんな面倒なことをするかというと、"&&"を使うと、やたらと容量を食うから。 実際に比較すると、上の条件の場合はこんなに差が出ます。 if( A &&
条件分岐 | PHP Labo
条件分岐について ここまでのプログラムは、書かれた内容を上から順番に実行していくのみのプログラムでした。ですが条件分岐を使用すれば、条件によって処理内容を変更することができるため、複雑なプログラムを作成することができるようになります。 具体的には、以下のような書式で条件分岐を行います。 if (条件) { 条件に一致した場合に実行するプログラム } else { 条件に一致しなかった場合に実行するプログラム } このように書くことで、条件に一致したかどうかで処理内容を振り分けることができます。ちなみに if は英語で「もし～なら」、else は「そうでなければ」という意味です。 以下に、条件分岐を使用したプログラムを記載します。 <?php $sample = 10; if ($sample > 5) { echo "変数sampleの内容は5より大きいです。"; } else { ech
日頃から，僕はプログラミング入門で「繰り返し」「条件分岐」を教えることに極端に反対しているわけですが，その理由を説明したいと思います． 「だって，プログラミングの基本に繰り返しや条件分岐があるじゃないか」と言われます．それはその通りだと思います．しかしよく考えてください，その機能だけではプログラムはつくれませんよね．もう１つとても重要な概念「変数」とセットでなければプログラムは成立しないのです． 変数があるから，同じプログラムを繰り返し実行しても，そのつど変数に違う値が入っているから違う計算ができます．同じ条件分岐でも変数に違う値が入っているから分岐が変わります．変数がなければ，繰り返しも条件分岐もつまらないわけです． 変数を教えるのもそんなに簡単じゃないですよね．そこで発明されたのが「亀」です．スクラッチだと猫ですね．要するに内部状態をもったオブジェクトがあって，それを命令によってコント
Updated 2014.04.07 / Published 2011.04.28 下記に記載の内容では、2015年現在新たに登場してきているOSまで対象にするには限界がありますので、Mobileの判定をMobileとTabletにだけフィーチャーさせた2015年版JavaScriptユーザエージェント判別もあわせてご参照ください。 jQuery.supportだけで代表的なブラウザの判別を行うことができなくなってしまったので、UA情報には依存しないブラウザがサポートしている機能でブラウザ判別を行う試みです。ただし、モバイルかどうかの判別をするためにWindows Phoneに限ってはUA情報に依存する必要があります。 判別用コード var _ua = (function(){ return { ltIE6:typeof window.addEventListener == "undefi
私は、もうだいぶ前からWordPressでしかサイトを作っていませんが、WordPressでアフィリエイトサイトを作る時に便利なショートコードと条件分岐について軽く書いておきたいと思います。 どちらも記事数が多いサイトでないと逆に面倒な作業になる可能性があります。広告を貼り替える時に、複数の記事の修正が大変だった人や、記事ごとに異なる広告を表示したい人などにはオススメです。 あと、ショートコードは、投稿画面に書いたコードがWordPressに勝手に書き換えられてしまう時に使うこともあります。 ショートコードの使い方 ショートコードは、記事の中に広告を貼る時に便利です。記事の中に直接アフィコードを張ってしまうと、あとでそのコードを変更する時に、記事の修正が必要になります。 ショートコードを挿入しておけば、仮に広告の貼り替えが必要になった時でも、1ヶ所修正するだけで済みます。WordPress
スマートフォンなどのモバイル端末にWebサイトを対応させるのに、CSS3のMedia Queries（メディアクエリ）を使って、レスポンシブデザインにすることが多いと思います。しかし、Google Adsenseなどの広告は表示がはみ出てしまったりします。 スマートフォンなどのモバイル端末には、別の表示にしたり、ブラウザ別に表示を変えたい時があるのではないでしょうか？例えば、PCサイトでGoogle Adsenseの728×90を使っているけどiPhoneやAndroidなどのモバイルでは、レイアウトが崩れるので300×250に変えたいな等です。 今回の投稿では、WordPressでスマートフォン別、ブラウザ別に条件分岐する方法を集めました。 スマートフォン・タブレット端末 スマートフォン・タブレット端末別の条件分岐方法です。 モバイル端末で表示を変えるwp_is_mobile() PCブ
yasnippet.elを256倍にパワーアップ！連続展開と条件分岐テンプレートを使おう - http://rubikitch.com/に移転しました
動機yasnippetの展開機能はなかなか強力ですが、「次の」テンプレート展開の準備や条件分岐ができない弱点があります。 連続展開の例は、プログラミングにおけるドメイン特化言語を記述する場合です。 この場合は、パターンが決まっているので、次のテンプレート展開の準備をするテンプレートを記述すればすんなり記述できるのです。 そして、テンプレート展開後に、次のテンプレートを展開していきます。 条件分岐テンプレートの例は、新規ファイル作成時に文章のテンプレートを選んで展開するケースです。 僕のブログの場合、「自作Emacs Lispリリーステンプレート」、「Emacs Lispを使ってみたテンプレート」、「EmacsのTipsテンプレート」などがあります。 記憶力のいい人ならば、テンプレート名を覚えて普通に展開すると思います。 僕の場合はテンプレート名はおろか、テンプレートを作ったこと自体忘れてし
ここはとある街の総合病院。 ここには通常の診療科のほかに、一風変わった診療科が存在する。 何軒もの病院をたらいまわしにされた、手の施しようのないSQLや、今すぐに改善が必要なSQLが担ぎ込まれる救命室である。 それがSQL緊急救命室、略してSER（SQL Emergency Room）。 そう、ここは国内でも唯一のプログラミング専門外来である。 ロバート救命室部長。腕の立つエンジニアだが、口が悪く性格はもっと悪い四十オヤジ。 （AM10:00 休憩室。ワイリーが机に向かって一人で何かしている） どってぃろーんどってぃろーん、ぽぽぽんぽーん、どってぃろーん…
(※追記 2020/2/19 コメントのご指摘をもとに、記事を修正しました) はじめに 未経験からNode.jsの現場に配属された2019年新卒エンジニアが、学習の振り返りとしてJavaScriptの基礎の基礎をまとめます。 過去のJavaScript基礎シリーズ↓ JavaScriptでvarが推奨されない理由を整理してみた 今回は、多くの書き方が存在するJavaScriptの条件分岐に関して、よりすっきりとした書き方を考えていきます。 Goal 思考停止のelseやswitchから離れる 可読性やリファクタリングのしやすさの観点から、JavaScriptの条件分岐を使いこなす まず「すっきり」を定義する 本記事で目指したい「すっきり」を、以下のように定義します。 コードの可読性が高いこと バグが生まれにくいこと 後からリファクタリングがしやすいこと コードの可読性が高いこと プロジェク
こんにちは、谷口です。 paizaのオンラインプログラミング学習コンテンツ「paizaラーニング」のRuby編に、「Ruby入門編2:条件分岐、比較演算子を学ぶ」が追加されました！ 動画と演習課題でRubyの基礎、入門編2では特に「条件分岐と比較演算子」についてが学べますのでぜひごらんください！ 今回は、プログラミング初心者の弊社社員にpaizaラーニングを使ったRubyの学習を実際にしてもらいましたので、その過程をご紹介していきます。 ちなみにやってもらったのは、普段は事務を担当しており、プログラミング実務経験はなし、Rubyに触れたのはpaizaラーニングが初めてという弊社女性社員ですので、初心者のサンプルとしては最適な人材だと思います。 ■入門編って、実際どれくらいのスキルの人を対象にしてるの？ こちらのRuby入門編2では、これからプログラミングを学びたいと言う方、paizaランク
wp_is_mobile() の使い方 wp_is_mobile() は、PC とスマホで出力を切り替えるための関数です。 基本形は以下のとおり。 <?php if ( wp_is_mobile() ) : ?> <p>スマホのみ表示されます。</p> <?php else: ?> <p>PC のみ表示されます。</p> <?php endif; ?> PC 用のメニューとスマホ用のメニューを切り替えたいときなどに使えます（PC でブラウザの幅を狭くしてもスマホ用メニューを表示したくない、という場合）。 タブレットへの対応方法 wp_is_mobile() を使うとき注意しなければならないのが、「タブレットへの対応」です。 wp_is_mobile() では、タブレットはスマホと同じ扱いとなっています。 のちのち扱い方が変更される可能性もありますが、基本的に「スマホ・タブレット」と「PC」
昨日会社のメンバーからコーディングについて相談を受けました。 話を聞いていると、オブジェクト指向設計を利用してコードをリファクタリングしたい様子でした。 彼は頑張ってインターフェースやクラスを自分で定義していたんですが、ちょっとぎこちない設計だったので、おいらはStateパターンとFactoryパターンらしきテクニックを使って、改善のお手伝いをしてみました。 そのときの事例をめちゃくちゃデフォルメして説明すると、こんな感じになります。 プログラムはStateに応じて文字や色を変更します。 初期状態です。 ボタンを押すとStateに応じて文字や色が変わります。 メンバーが最初に書いていたプログラムのイメージはこんな感じです。 using System; using System.Collections.Generic; using System.ComponentModel; using S
jQueryで普通にif文を使った条件分岐のやり方です。指定したタグやクラス名があった場合や、子要素にそれがあったりした時の処理の振り分けなんかをやりたかったんですが、思ったようにならなかったので調べてみました。で、いくつか見つかったのでメモがてら記事にしてみることにします。 条件分岐の時に使えそうなメソッド 条件によって処理を振り分けることはプログラムを書く上でとても重要な感じがするので、使う頻度も結構ありそうな感じです。 hasClassを使ってクラス名を指定する hasClassメソッドを使えばクラス名を取得することができます。これを使ってsampleというid名の中にtextというクラス名がある時とない時の処理の振り分けてみます。 JavaScript $(function(){ if($('#sample').children().hasClass('text')) { $('p
サイトを Dreamweaver のテンプレートで管理していると 「トップページではヘッダのサイト名を h1 でマークアップしたいけど、トップページ以外ではページ名を h1 にするのでサイト名は p でマークアップしたいよな」 という時に、通常はサイト名のあるヘッダエリアは編集可能領域にしていないことが多いため、少し面倒だったりします。 強引にヘッダエリアを編集可能領域にしてしまう力技も可能ですが、一つのテンプレートの中で分岐処理を入れてやると、スマートかつ効率的にテンプレートを設計することができます。 分岐の方法はいくつかありますが、まずは基本的なのが Dreamweaver テンプレートのオプション領域を使用した以下の方法です。 1. <head></head> 内に以下の記述を入れます。 <head> : <!-- InstanceParam name="hoge" type="bo
目次 カスタム投稿タイプを使えるようにする シングルページの表示 条件分岐 アーカイブページ • ケース1：投稿（post）と同時表示 • ケース2：カスタム投稿のみ表示 • 気をつけること RSS フィードの調整 一般的なブログ形式の場合は、カテゴリーとタグで十分なんですが、カスタム投稿タイプとカスタムタクソノミーの使い方が理解できると、もう手放せなくなりそうです。 ブログ、お知らせ、イメージギャラリー、ポートフォリオ、店舗紹介、Q&A などなど、様々な投稿タイプにあった使い方や表示が実現できます。 日本でもようやくその情報を目にする事が増えてきましたが、それでも思うようにいかないことも多かったので、表示方法やテンプレートに施したカスタマイズの例を中心にメモしたいと思います。 カスタム投稿タイプを使えるようにする functions.php にコードを追加したり、CMS Press
WordPressのカスタムメニューをアイテム毎に条件分岐で表示/非表示を設定出来るプラグイン・If Menu - かちびと.net
カスタムメニューで追加した アイテムを条件分岐で表示、 非表示にスイッチできる、と いうWordPressのプラグイン です。コードを参考にしたの でご紹介。 カスタムメニュー周りのプラグインは仕様でもよく求められることが多いので非常に助かります。このプラグインもCMSとしてWPを利用する際に役立ってくれそう。 カスタムメニュー内のアイテムを固定ページのみ、TOPページのみ、ユーザーログイン時のみ、などの条件をつけて表示/非表示できる、というもの。 プラグインを有効化すると、カスタムメニューで追加したアイテムの下部にEnable Conditional Logicというラベルの付いたチェックボックスが表示されますのでチェックを入れればセレクトボックスも表示されます。 現時点では、決められている条件が多くはなく、変更も出来ないので実際に利用する際は少しコードを弄らせてもらう事になりそうです。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressをカスタマイズするなら絶対覚えておきたい条件分岐やカスタム投稿タイプなどいろいろ
プログラムの可読性を上げるための条件分岐を減らす方法7個 - Qiita
6歳娘「パパ、型による条件分岐はできないの？」 - Qiita
CSSの@supportsを使ってCSSのみでスタイルの条件分岐をする方法
CSSは確実に進化している！ 変数、条件分岐、ループ、論理演算など、ロジックに記述するCSSの実装テクニック
WordPress：カスタマイズするなら覚えておきたい条件分岐について - NxWorld
条件分岐タグ - WordPress Codex 日本語版
[CSS]これは知らなかった！セレクタを使った条件分岐のテクニック | コリス
便利なWordPressの条件分岐16パターン：カスタマイズで活躍するものを厳選！
JavaScriptでswitch文を使わずに条件分岐 - TechTalkManiacs
何となく分かった！「カスタム投稿タイプ」の表示方法や条件分岐など - Website Tips ノート : VARL
JavaScript ユーザエージェント条件分岐便利スニペット｜Web制作 W3G
もう覚えなくても大丈夫！？WordPressの条件分岐タグの使い方まとめ
WordPressで条件分岐を使い記事一覧のサムネイル画像をカスタマイズする | ryodesignblog
【React】関数型プログラミングを実践する上での、条件分岐の俺的ベストプラクティス
【PHP】条件分岐で困った時に使えそうな関数をピックアップしてみたよ！
TypeScriptで条件分岐時の可読性の高い変数設定 - Qiita
WordPressのウィジェット単位で条件分岐出来る様にするプラグイン・Widget Logic
WP カスタムタクソノミーの表示方法や条件分岐などのメモ 2/2 - Website Tips ノート : VARL
なぜ繰り返しや条件分岐はプログラミング入門に向かないか
JavaScript ユーザエージェント条件分岐便利スニペット｜Web制作 W3G
WordPressでアフィリエイトサイトを作る時に役立つショートコードと条件分岐 | アフィリエイト野郎！
WordPress条件分岐、スマートフォンとブラウザ別に表示を変える方法15種
第2回 冗長性症候群～条件分岐をUNIONで表現するなかれ | gihyo.jp
すっきり書きたい JavaScriptの条件分岐 - Qiita
条件分岐、比較演算子が最速でわかる！Rubyの無料学習サービスやってみた - paiza times
条件分岐タグ wp_is_mobile で PC とスマホの表示を切り替える方法 - Naifix
なんちゃってデザインパターンで条件分岐をなくす - give IT a try
jQueryのif文を使ってタグやクラス名によって条件分岐するやり方 – bl6.jp
Dreamweaver のテンプレート内で条件分岐処理をする | バシャログ。
何となく分かった！「カスタム投稿タイプ」の表示方法や条件分岐など - WEB備忘録 : VARL