はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
    • はてなブログ(一般)
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
    • はてなブログ(世の中)
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • 相続
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
    • はてなブログ(おもしろ)
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
    • はてなブログ(エンタメ)
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
    • はてなブログ(アニメとゲーム)
    • はてなブログ(ゲーム)
  • おすすめ

    WWDC25

『エックスサーバー サーバー初期ページ』

  • 人気
  • 新着
  • すべて
  • 【WordPress】titleタグを、投稿タイプ別で切り替える方法

    4 users

    nullnote.com

    私がWPでサイト(ブログじゃないよ)を作る時、 ・投稿・・・お知らせ系 ・固定ページ・・・一般的なページ(会社概要みたいな) ・カスタム投稿・・・商品ページ だいたいこんな感じで使い分けます。 記事のタイプ別によって、WPの機能を使い分けてる感じですね。 機能を適切に使うため、っていうのもあるけど、同時に、実際に更新する人にとって分かりやすく簡単になるようにしてあります。 で。だいたいいつもtitleタグ回りのソースコードは使いまわしているので(苦笑)、 今回はそれをここにアップ。これでテンプレートファイルを探し回らなくて済むかな…(苦笑) titleタグを条件分岐 私は、カスタム投稿タイプとカスタムタクソノミーもよく使うので、それもtitleの表示の条件分岐に入ってます。 表示される形は、 ・トップページ・・・サイト名 ・固定ページ・・・ページタイトル | サイト名 ・カスタムタクソノミ

    • テクノロジー
    • 2015/06/11 00:22
    • wordpress
    • URLパラメータでデザインを分岐する【wordpress】

      5 users

      nullnote.com

      久々にWordPressのコト。 あるページに対して、ある特定のリンクボタンから飛んできた場合だけデザインを変えて表示する方法。 動作の概要 【 1 】入り口となるある特定のリンクURLに、パラメータを埋め込んでおく。 【 2 】表示をどうこうしたいページに、パラメータがついている時だけデザインを変えるために、条件分岐でIDを付与する。 手順(コード) function.phpに、キーを追加するためのフィルターフック $public_query_varsにキーを設定する記述です。 これを記述しておかないと、パラメータのやりとりができません。 [php] //---------------------------------------- //キーを追加するためのフィルターフック //---------------------------------------- //$public_que

      • テクノロジー
      • 2015/03/19 18:59
      • wordpress
      • 【mySQL】様々な結合を分かりやすくまとめた!これで使い分けは完璧(なハズ)! | NullNote

        25 users

        nullnote.com

        結合(left join と right join) の違いを以前まとめましたけど・・・結合ってこれだけじゃないんですよね・・・というわけで、今更ですが!! どの結合はどうなるのか毎回調べてる自分のために、分かりやすくまとめたよ!! サンプル画像のテーブルについて 以下のようなテーブルでやってみてます。 内部結合(INNER JOIN) カラム同士を結合する [sql] SELECT * FROM テーブル1 INNER JOIN テーブル2 [/sql] ONで結合規則を付けると、カラムの値が一致するデータのみ取得 [sql] SELECT * FROM テーブル1 INNER JOIN テーブル2 ON テーブル1のカラム = テーブル2のカラム [/sql] CROSS JOIN ~ ON 結合規則 でも同じ結果が出せます [sql] SELECT * FROM テーブル1 CROS

        • テクノロジー
        • 2015/01/19 15:39
        • SQL
        • database
        • MySQL
        • あとで読む
        • 【WP】カスタムフィールドで記事を絞り込み!条件分岐の記述方法

          4 users

          nullnote.com

          カスタムフィールドでの絞り込みをやったのでそのまとめ。 例えば、「今日のおススメ商品」としてトップページに任意の記事だけ表示したい時に使えます♪ ということで、今回は記事をピックアップするやり方。 目次 カスタムフィールドを使ってみる カスタムフィールドに入力する プラグイン:カスタムフィールドを使う場合 テンプレートの修正 絞り込みのためのソース カスタムフィールドをサイトの表示させる場合 WPの関数で表示 プラグイン:カスタムフィールドを使っている場合 今回のポイント!カスタムフィールドで真偽を判断する 今回の場合は、(「今日のおススメ商品」として)記事を表示するかしないか、1or0・TRUEorFALSEのような真偽で判断します。 カスタムフィールドを使ってみる まずカスタムフィールドに入力します。 名前 : pickup 値 : 1 今回は上記のようにしました。今回は真偽なので数字

          • 暮らし
          • 2014/08/04 11:18
          • 【Git】ローカルリポジトリからリモートリポジトリ、環境作成方法

            9 users

            nullnote.com

            先日は既に公開されているWEBデータを元に、ローカル環境を作りました。 今回はその逆。ローカルで開発してきたデータを、サーバーに乗せて管理します。 ローカルリポジトリからリモートリポジトリを作るときの流れ 1・ローカルの開発中のフォルダをgit管理下におく (念のため…)まずは管理したいフォルダ(私の場合は、WPのthemesフォルダになります)の中で、gitを始めます。 [shell toolbar="true"] $ git init [/shell] git init というのは、リポジトリを初期化する=新しくリポジトリを作成する、ということになります。 これで、管理したいフォルダ内に「.git」フォルダ(不過視フォルダ)が出来ます。 次に、最初のコミットをしておきます。 [shell toolbar="true"] $ git add . $ git commit [/shell]

            • テクノロジー
            • 2014/07/02 15:39
            • git
            • 【git】分かりやすく!mergeは「合流」、rebaseは「付け替え」!

              87 users

              nullnote.com

              gitのコマンドって、コマンド名だけでは動作が想像できないものが多いですよね…。けど、勉強していく中で呪いのように見かける言葉。 『rebaseすんなし』 ドユコトー?ってことでまとめ。 pull = fetch + merge(rebase)! まず。 gitの主な動作はpush・fetch・merge・rebaseで出来ます。 push rebase pullはー?っていうと、fetch して mergeする = pull。 ちなみに、fetch して rebase する = pull --rebase。 要するに、pullは使わなくてOK!ってことです。 使わなくていい理由はこちらの記事が分かりやすかったです。ご参照ください。 Git pullを使うべきでない3つの理由 mergeするとどうなるの? mergeは2種類ある!その1・・・Fast-Forward topicブランチは

              • テクノロジー
              • 2014/06/12 15:34
              • git
              • rebase
              • git rebase
              • tips
              • -
              • あとで読む
              • 【WordPress】Bonesでサイト作ってみた!私が修正したポイント10個

                9 users

                nullnote.com

                完成したかも?!というテンション上がった勢いだけでテンプレートアップしたら、CSSが修正だらけで大慌てのkairingです。。。しかもAnalyticsまた入れ忘れてたっていう…w さて、 で、 Bonesで作成したサイト公開しました!( ゚Д゚ノノ”☆パチパチパチパチ 毎度のことなんですけど、公開してからあそこもここもちょっと直したい症候群が治らないのですが、一旦締めて修正ポイントをまとめまーす。・・・といいつつGit導入しててんやわんやしたお話は次回・・・ Bonesは常に進化してるっぽい いくつかBonesについて書いてるブログ記事を見つけましたが、Bones自体どんどん更新されていくもののようで、記事を参考に修正しようとすると記述が変わってることもありますのでご注意ください。 1.アイキャッチの表示 index.phpにアイキャッチ表示がなかったので表示。 function

                • テクノロジー
                • 2014/06/01 15:00
                • Bones
                • wordpress
                • bookmark
                • 【WordPress】Bonesというテーマを使ってみようと思う

                  7 users

                  nullnote.com

                  今更っぽいですが、Bonesでサイト作り替え計画中です。 作り替えを計画したきっかけは、やっぱりカスタマイズがしたいから!! カスタムしたい→やっぱり自作が一番カスタムしやすい STINGER3使い始めたきっかけも、自作でテーマ作った方が色々調整しやすいし…って思っていた所で『SEOに効く』なんてキーワード聞いちゃったもんだから、どうせ入れ替える(作り替える)なら使ってみようという感じでした。 で使ってみて、やっぱりカスタムしたい→やっぱり自作がいいな→じゃ作るか←イマココ というワケです。 現在製作中なので、STINGER3利用による感想などは入れ替える段階になったら報告するとして、 WordPressのテーマ、Bonesとは? Bones デベロッパー向けのWordPressのテーマ。HTML5、レスポンシブに対応。 名前のBones(骨)の通り、HTML5・レスポンシブなサイトが出来

                  • テクノロジー
                  • 2014/06/01 15:00
                  • wordpress
                  • 【Git】pushすると自動でpullするようにする

                    6 users

                    nullnote.com

                    前回、ローカル・リモートそれぞれで更新管理用git・本番環境用gitを構築しました。 でも、commit・push・pullをしてやっとweb公開されるというちょっと手数が多い感が…。ということで、pullを自動化! 修正のフローをおさらい 1.ローカルで修正してcommit 2.リモートの更新管理用にpush 3.リモートの本番環境で、更新管理用からpull wordpressのアクションフックやフィルターフックみたいに、 gitにもコミットやプッシュの前後に処理を挟み込むことができます。それがhooksです。 hooksというフォルダの中にある、〇〇.sample というファイルがフックスクリプトです。このファイルにスクリプトを書き、ファイル名を変更すれば動作します。 pushするだけでOK!な、pullの自動化をするよ! 今回は『push』された後(正確には全てのブランチが更新された

                    • テクノロジー
                    • 2014/05/18 13:39
                    • Git
                    • 【HTML5】私のsection使い方問題、解決

                      3 users

                      nullnote.com

                      そろそろPC用のサイトとかでもHTML5を使った方が良いのかなー?という気がしてきたkairingです。 サイト作る人は実装してねー(勧告候補と言います)っていう段階の要素が多数あるので、そろそろやるべき?と、重い腰を上げかけて…いたところで、Stinger3のテンプレートを使ってみちゃったというところですw それはさておき。 調べていくと、sectionの使い方問題(アウトライン)に例外なくハマりましたが、調べまくった結果、一旦自分なりの解釈とコーディングルールを決めました。(2013年10月現在) 一番の話題、HTML5のsectionの使い方 セクショニング・コンテンツとアウトラインの存在する意味 ツリー構造にするためのもの。 見出しがどこの範囲のものなのかということをアウトラインと考える。そのアウトラインを明確にするタグのことをセクショニング・コンテンツといいます。 ツリー構造にす

                      • テクノロジー
                      • 2014/05/04 20:26
                      • web
                      • 【Git】今更だけどSSHがよく分からなかったから調べた!~鍵で簡単に♪

                        10 users

                        nullnote.com

                        先日Gitするべく、ローカル&リモートと環境を整えました。 上手にまとめられる自信がないほど、つまづく点が多すぎまして(苦笑)。 まずは何をするにも必要な、リモート作業する際のSSHのログイン。これの入力が毎回面倒だったのでまとめました。これで次のSSHは大丈夫ー♪ で、SSHって何よ? Secure Shell(セキュアシェル、SSH)は、暗号や認証の技術を利用して、安全にリモートコンピュータと通信するためのプロトコル。パスワードなどの認証部分を含むすべてのネットワーク上の通信が暗号化される。 wikipediaより引用 SSHを使ってファイル転送すると安全ってことです。 SSHで接続する方法は2つ ロリポップのチカッパプランだと、SSHが使用できます。 しかし、アカウント名は長く、パスワードも任意のものに変更が出来ないので覚えられません。 で、ロリポから発行されるSSHアカウントは使わ

                        • テクノロジー
                        • 2014/04/21 14:55
                        • SSH
                        • 設定
                        • git
                        • 【git】SourceTreeで解説!間違えたときのgitコマンドとやり方

                          43 users

                          nullnote.com

                          ローカルリポジトリ・リモートリポジトリを作って、一連の流れでファイルの管理は出来るようになりました。 SourceTreeというGUIを使っているので、黒い画面はほとんど触ることなく作業ができ便利なのですが、まだ使いこなせていないgit。 今回は、削除とか戻したい時とか、いろいろあるコマンドのことをまとめてみました。オモシロイヨ!git!! 通常の作業フローで起こり得る、『失敗したーッ!!』 1.git add|インデックス化ステージング 2.git commit|コミット 3.(更新管理リポジトリへ)git push|プッシュ 4.(本番環境で、更新管理リポジトリから)git pull|プル 上記で通常の作業は完了です。が、その作業中にミスなどが発生することがあります。 ●ファイルをaddしないでcommitしちゃった ●commitのコメントを間違えちゃった ●commitを取り消した

                          • テクノロジー
                          • 2014/04/12 02:22
                          • git
                          • SourceTree
                          • 対処
                          • 小技
                          • マニュアル
                          • トラブル
                          • 知識
                          • 情報
                          • 便利すぎ!カスタム投稿タイプ・カスタムタクソノミーでサイトを作ったまとめ!

                            17 users

                            nullnote.com

                            多くの商品を紹介するサイトを作る場合、やっぱり商品点数をどんどん増やしたいですよね。ブログ記事のように…。 今回仕事で商品を掲載するだけのサイトを作ったのですが、初めて、カスタム投稿タイプ・カスタムタクソノミー・カスタムフィールドを使ったので、今回はそのまとめです! コンテンツマップ このサイトの特徴は、 ブログ お知らせ 取扱アイテムA 取扱アイテムB …… 上記がほぼデイリーで更新するコンテンツ、という点です。 実際は取扱アイテムという項目が現場レベルで増やせるようにする必要があったので、簡単にするためにCustom Post Type UI というプラグインを使ってます。 ※プラグイン CPT UI の使い方は他サイトさんが詳しいのでご参照ください! カスタム投稿タイプを使った理由 カスタム投稿使わないで作るとすると、 『WPの『投稿』に全部記事を入れてカテゴリで分類する』 という方

                            • テクノロジー
                            • 2014/04/02 08:39
                            • wordpress
                            • カスタム投稿
                            • カスタム投稿タイプ
                            • webデザイン
                            • あとで読む
                            • 【フラットデザイン】国内のフラットデザインなwebサイトを集めてみました-その2

                              3 users

                              nullnote.com

                              もう2013年も終わりが見えてきました。前回まとめた記事から半年…あの頃より増えたかしら…?ということで、トレンド・フラットデザインの国内ホームページをまとめてみましたー。1個を除いて、おそらくほぼ国産じゃないかと・・・! ※掲載順不同です。 わかやま地元 応援サイト「ジーモ」 フラットというより、グリッドの方が目立ちますが、ボタンのベタとかフラットぽいかなーと思いピックアップ。 ナビプラス株式会社 青を基調としたサイトで、グローバルナビのデザインや製品・サービスの紹介などで使ってるアイコンなどフラットな感じがかわいらしいです。 株式会社ワノコト web制作・システム開発会社さんのサイト。トップページのファーストビューの青色ベタの割合がこれこそフラットデザイン!という感じです。 株式会社グッピーズ グローバルナビのアイコンと、トップページのメインコンテンツに配置されたアイコン。ほどよくデフ

                              • 学び
                              • 2014/01/22 11:23
                              • 【WordPressのカスタム】子テーマが良いらしい。

                                4 users

                                nullnote.com

                                以前、カスタムするのを、ダッシュボードの外観>テーマ編集でやっていましたが、どうやらあまりオススメできない方法だったようです…。気付いた時には、カスタムした所がなくなってました…orz その、何故なくなったの? と、 じゃぁこうやってカスタムすればハッピーだよ! というのが今回の内容です。 テーマはアップデートすると上書きされる→初期状態に戻る プラグインやWP本体と同じように、テーマもたまにアップデート情報出ますが、そこでアップデートするとこれまでのテーマが上書きされるので、独自に修正した箇所が消えてしまうのです。 私の『カスタムした所がなくなった』原因も恐らくコレです(苦笑)。 そこで、アップデートで消されないために『子テーマ』というのを作り、それを修正します。 子テーマの作り方 1.wp-content/themes 内に、フォルダを作る 子テーマ用のファイルを入れるフォルダになり

                                • テクノロジー
                                • 2013/12/29 21:49
                                • WordPress
                                • *web
                                • 【XAMPP】Macにインストールした時の設定のこと 2013年版

                                  6 users

                                  nullnote.com

                                  WordPressのテーマ作る上で、ローカル環境で作れたら楽ですよね。本番環境でチョイチョイいじってWPが壊れたりしちゃったら、…私には直せる自信がありませんヽ(`△´)/ という訳で、今出てるXAMPP1.8.3をインストールした時にWEBに情報が少なかったのでまとめてみました! ------------------------------------------------------------------ 2013.12月追記 ------------------------------------------------------------------ OS X Marvericksにインストールすると、PCの再起動後とかにXAMPPが起動しなくなるようです。海外サイトの情報で、且つ私自身試しておりませんので未確認情報ではありますが、インストールされる際はご注意ください。海外

                                  • テクノロジー
                                  • 2013/12/03 14:55
                                  • XAMPP
                                  • 【Gmail・GAS】受信トレイに表示されるアレ~Actions in the Inbox-One Click Actions-

                                    6 users

                                    nullnote.com

                                    Google 【Gmail・GAS】受信トレイに表示されるアレ~Actions in the Inbox-One Click Actions- Amazonとかでお買い物すると、『ご注文の確認』・『ご注文の商品発送』などメールがきますが、いつの間にか、受信トレイ上で右側にラベルのようなアイコンのような何かが出るようになりました。 クリックしてみると、サイトの注文履歴の画面に飛んだり、配送業者のサイトの荷物追跡のページ飛んだり、何かと便利です! どうやってるんだ…?ということで、調べてみました。 Google Developers のサービスにそれはありました! Actions in the Inbox -One Click Actions- というヤツ、コレです! ↓https://developers.google.com/gmail/actions/reference/one-clic

                                    • 学び
                                    • 2013/10/18 15:28
                                    • api
                                    • 【mySQL】結合を自分なりにまとめてみた。

                                      7 users

                                      nullnote.com

                                      仕事でDB作って早一ヶ月程ですが、レコード数が既に1500件。 こんなに増えてる今でも問題点に気付いて直したり、分析用に集計出したりとやってます。なう。 そして今日は満を持して!テーブルの結合・連結について。 詳しく考えずにテーブル結合していましたが、欲しい結果と違う結合をしていたようです。 結合って沢山あるっぽいよね?正直、違いが分かっていなかった(・ε・) これまで私がしていた結合は、 条件(テーブルとテーブルの共通のキー)を書いていただけ=等価結合(または内部結合・INNER JOIN)というらしい。 今回気付いた所は、条件(テーブルとテーブルの共通のキー)でNULL(該当値がない)場合は結果に表示されないというトコロでした。 PHPで登録フォーム作っていて、DBから登録できる値を読み込んでいたので実際にはNULLになることはないんだけど、 ふと気になって意図的にphpMyAdmin

                                      • テクノロジー
                                      • 2013/09/19 16:00
                                      • データベース
                                      • 2013年のトレンド、フラットデザインの国内サイト探してみた

                                        10 users

                                        nullnote.com

                                        近頃よく目にするキーワード。フラットデザイン。 2013年トレンドのウェブデザインのコトです。 定義はそこかしこで書かれてますがざっくりまとめると、 余計の装飾・エフェクトをせず、グリッドを意識した、単色の色使いの多いデザインのコト です。 よくキーワードを目にするようになり、カワイイなぁ~(*´ω`*)なんて思いながらいろんなサイトを見てますが、実際の日本企業でよく見られるようになるのはまだ先かなーなんて気がします。 サンプルとなるwebサイトの紹介するサイトは増えましたが、やっぱり国内企業は少ないです。 で、私ちょっと探してみました。 国内版フラットデザインのサンプルサイト。 ユニクロ 日本発ファストファッション! かなり前からこのレイアウトデザインだった気がしますが、フラットデザインという点ではグリッドな感じが当てはまるのかなーと思いご紹介。 (情報量が多い点はフラットデザインらしく

                                        • おもしろ
                                        • 2013/05/14 16:04
                                        • フラットデザイン
                                        • デザイン
                                        • Web
                                        • 国内
                                        • サイト

                                        このページはまだ
                                        ブックマークされていません

                                        このページを最初にブックマークしてみませんか?

                                        『エックスサーバー サーバー初期ページ』の新着エントリーを見る

                                        キーボードショートカット一覧

                                        j次のブックマーク

                                        k前のブックマーク

                                        lあとで読む

                                        eコメント一覧を開く

                                        oページを開く

                                        はてなブックマーク

                                        • 総合
                                        • 一般
                                        • 世の中
                                        • 政治と経済
                                        • 暮らし
                                        • 学び
                                        • テクノロジー
                                        • エンタメ
                                        • アニメとゲーム
                                        • おもしろ
                                        • アプリ・拡張機能
                                        • 開発ブログ
                                        • ヘルプ
                                        • お問い合わせ
                                        • ガイドライン
                                        • 利用規約
                                        • プライバシーポリシー
                                        • 利用者情報の外部送信について
                                        • ガイドライン
                                        • 利用規約
                                        • プライバシーポリシー
                                        • 利用者情報の外部送信について

                                        公式Twitter

                                        • 公式アカウント
                                        • ホットエントリー

                                        はてなのサービス

                                        • はてなブログ
                                        • はてなブログPro
                                        • 人力検索はてな
                                        • はてなブログ タグ
                                        • はてなニュース
                                        • ソレドコ
                                        • App Storeからダウンロード
                                        • Google Playで手に入れよう
                                        Copyright © 2005-2025 Hatena. All Rights Reserved.
                                        設定を変更しましたx