SourceTreeでローカルリポジトリにないブランチを取得する方法 #わかばちゃんと学ぶ Git使い方入門｜湊川あい #わかばちゃんと学ぶ 本 発売中
IT漫画家の湊川あい（みなとがわ・あい）です。 拙著『わかばちゃんと学ぶ Git使い方入門』に関して、出版社さんを通じて読者さんから質問があったので本記事でお答えします。 読者さんからのご質問P.131 プルするときにブランチを指定しますが、ローカルにないブランチをプルする場合はどのように作業すれば良いのでしょうか。 「プルするリモートブランチ」では新しいブランチを選択できますが「次のブランチにプル」は固定で、ローカルでアクティブになっているブランチが勝手に指定されています。（そもそも新しいブランチ云々を意識せずに、最新の状態になってくれると有難いのですが） リモートリポジトリに存在するブランチは「フェッチ」でまとめて取得できるリモートリポジトリ上のブランチを、ローカルリポジトリにも持ってきたいというご質問ですね。 ズバリ「フェッチ」でまとめて取得できます。 SourceTreeでの手順
ヘッダー固定でページ内リンクをページ遷移で指定した時のズレを解消するJavaScript | HPcode（えいちぴーこーど）
ページ遷移時のページ内リンクでズレを解消する ザックリ処理を説明すると、ページ読み込みが終わったらURLの#hogeを取得して、ヘッダー分の高さだけ移動（アニメーション）するという動きになります。 /* ページ内リンク（別ページ） */ jQuery( window ).on( 'load', function() { id = location.hash; speed = 0; headerHight = 128; // 固定ヘッダーの高さ if ( '' != id ) { pos = jQuery( id ).offset().top - headerHight; jQuery( 'html' ).animate({ scrollTop: pos }, speed ); } }); それぞれの処理は以下のような動きをしています。 jQuery( window ).on( ‘load’
「Smart Custom Fields」でカスタムフィールドを作成する方法【WordPress】 | KUBOGEN
WordPressは投稿時にタイトルと本文以外の情報を追加できるカスタムフィールドという機能があり、プラグインを使えば簡単に設定することができます。 個人的によく使うのは「Advanced Custom Fields」というプラグインですが、今回はもう一つ有名な「Smart Custom Fields」というプラグインの使い方を紹介します。 「Smart Custom Fields」の使い方 プラグインの新規追加で「Smart Custom Fields」と検索すれば出てくるのでインストールします。 インストールした「Smart Custom Fields」を有効化したら管理画面のサイドメニューに「Smart Custom Fields」が追加されます。 カスタムフィールドを作成する流れは大きく3つ。 タイトルを設定 フィールドを追加 表示条件を設定 まずタイトルを入力します。 次に「フィ
【WordPress】既存記事をCSVで書き出して一括更新する方法 - nyanco! ブログ
とっちゃん@nyanco! です。 今回は、【Wordpress】既存記事をCSVで書き出して一括更新する方法のご紹介です。 以前に、CSV形式で一括で記事をインポートできる「Really Simple CSV Importer」の使い方をご紹介しました。 【WordPress】「Really Simple CSV Importer」で苦戦したこと – 八百万-やおよろず-雑記。 今度は、既存の記事をCSVとしてエクスポート（書き出し）してローカルで編集し、またインポートして既存の記事内容を上書きする、といった方法の備忘録をご紹介も兼ねて残しておきます。 WordPressデフォルトの機能でもエクスポートはできるのですが、CSV形式ではなくXMLという形式で初心者には扱いづいので、今回はCSVエクスポートができる「WP CSV Exporter」というプラグインを使いました。 図解するとこ
Advance Custom fields(ACF)の出力方法まとめ【個別・一括】 | ガリレオ アンド ヴィーナス合同会社
出力方法一覧 基本の出力 テキスト系や画像（URLの場合）、選択肢で返り値が一つの場合などに使用できます。 <p><?php the_field('フイールド名'); ?></p> <?php //値が空の場合出力を除外する $field = get_field('フイールド名'); if($field){echo '<p>'.$field.'</p>';} ?> <?php //ページ・カテゴリなど指定のフィールドを読み込みたい場合 //ページ $page_field = get_field('フイールド名','ページID'); if($page_field){echo $page_field;} //カテゴリ $cat_field = get_field('フイールド名','category_カテゴリID'); if($cat_field){echo $cat_field;} //タグ
Advanced Custom Fieldsの出力
まえがき この記事ではWordPressのカスタムフィールド系プラグイン『Advanced Custom Fields』の出力にスポットを当てて解説していきたいと思います。 出力タグがAdvanced Custom Fieldsのオリジナルなので初めての人は迷うと思いますがこの記事を読めば大丈夫です。 ↓出力じゃなくて『Advanced Custom Fields』の使い方等の解説はこの記事を見てね 『Advanced Custom Fields』の使い方 コピペ用『Advanced Custom Fields』出力タグ とりあえず説明は要らないって人のためにコピペできる形でコード書いときます。 使ってね☆ <? //テキスト $txt = get_field('txt'); if($txt){ ?><p>テキスト：<? echo $txt; ?></p> <? } //テキストエリア $
WordPress 最新記事一覧の表示方法 - by Takumi Hirashima
WordPress で最新記事一覧を表示する方法を紹介します。 例えば、トップページやサイドバーに最新記事一覧を表示したい時に便利な方法です。 最新記事を表示するには？ 最新の投稿5件を表示する方法 表示件数を変更したい カテゴリーでソートしたい 表示がうまくいかない場合 投稿にカスタム投稿を含める場合 最新記事に New マークを表示する方法 最新記事を表示するには？ WordPress で最新記事を表示するには WP_Query や get_posts などを使用します。 この記事では、比較的簡単に実装できる get_posts を使った表示方法を紹介します。 例えば表示をカスタマイズしたい場合。一度に複数の記事一覧を表示したい場合。アイキャッチ画像を表示したいなどは、姉妹記事のWordPress 基本的なループの表示方法を紹介で紹介している WP_Query を使ったサブループの表示
特定のカテゴリ一覧を表示させる｜WordPress | まめー
WordPressで、 ・トップページに「イベント」カテゴリの新着記事のみ5件表示させたい ・「お知らせ」カテゴリと「ニュース」カテゴリを別のエリアに分けて表示させたい という場面はよくありますよね。 つまりは、特定のカテゴリーの一覧を表示させるということです。 今回はそれを実現するために、get_postsとquery_postsを使った方法を紹介します。 スポンサードリンク get_postsとquery_postsの違い なぜ、この2つのテンプレートタグを使った方法を紹介するかというと、query_postsが非推奨になっていることを知ってほしかったからです。 参照：テンプレートタグ/query posts – WordPress Codex 日本語版 query_postsを使うと問題が発生しやすいんですよね。私もquery_postsが原因で、ページ送りがまともに動かず、四苦八苦
CSSでテキストに光彩効果をつける方法
トリィ ほたちゃんほたちゃん！記事一覧のサムネイル画像の右下にある日付が見えづらいよ〜？ 本当だ！調整してみよう！ ほたる ― 調 整 後 ― ほたる これでどうかな？ 見やすくなったね！なんだか文字が光ってるみたい！どうやったの？ トリィ ほたる text-shadowを使うんだよ！ こんにちは！ほたるです！ PhotoshopやIllustratorでは簡単にできるドロップシャドウや光彩の効果。 WEBページのテキストにもCSSでつけられるのでその方法を紹介します！ text-shadowで影をつける 基本の影のつけ方 text-shadowはこんな感じで、テキストに影をつける時に使うプロパティです。 ほたるノート HTML <span class=”sample1″>ほたるノート</span> C S S .sample1 { color: #87ddd9; font-size: 2
レスポンシブ対応のスライダー『slick』が使いやすくておすすめ | 株式会社チップディップ
今回は軽量で使い勝手のいいレスポンシブ対応スライダー『slick』について解説していきます。 レスポンシブ対応のスライダーは他にも有りますが、slickはブレイクポイントが設定可能な他、マウスドラッグでスワイプにも対応しているなど非常に使い勝手の良いスライダーだと思います。 それではファイルのダウンロードから順番に説明していきます。 必要なファイルを準備する slickはこちらの配布サイトからファイルをダウンロードすることができます。 ファイルをダウンロードすると中に色々ファイルが入っているかと思います。その中から今回必要なファイルを以下にまとめました。 必要なファイルはすべて『 slick』に入っています。 早速、これらを使ってサイトにスライダーを表示させて行きましょう！ HTMLを記述 HTML <head> ・ ・ 中略 ・ ・ <link rel="stylesheet" type
これは便利！CSS Gridのauto-fillとauto-fitの使い分けでRWDが捗る
CSS Gridで使えるrepeat()関数の「auto-fill」「auto-fit」の違いを理解すると、柔軟なレスポンシブ Webデザインが実現できます。わかりにくい両者の違いをデモで確認しましょう。 CSS Gridって本当に便利だなぁと思う今日この頃ですが、そのなかでも特に注目しているのがrepeat()とminmax()です。この2つのCSS関数を使うとグリッドレイアウトの構築が楽になるだけでなく、CSS Gridだけでメディアクエリなしでもレスポンシブなレイアウトが実現できます。 今回はそのrepeat()で使えるauto-fillとauto-fitという値について。ちょっと違いが分かりづらいのでメモっておきたいと思います。 auto-fillとauto-fitの違い auto-fillとauto-fitの違いは実装例を見るのが一番わかりやすいので、まずはデモをご覧ください。r
【Mac】Sourcetreeで「Invalid username or password」が出たときの解決策 - Reasonable Code
SourcetreeでリモートリポジトリにPushする際、GitHubのログインIDとパスワードを入力間違いしてしまい、以下のエラーが発生しました。 Pushing to https://github.com/XXX/XXX.git remote: Invalid username or password. fatal: Authentication failed for 'https://github.com/XXX/XXX.git/' もう一度Pushしようとしても、ログイン情報を入力する画面が表示されず、延々上記エラーが発生して困りました。試行錯誤して解決できたので、メモを残しておきます。 ちなみに、環境は以下のとおりです。 OS：macOS High Sierra v10.13.6 Sourcetree：2.7.6 Git：2.17.1 原因は、誤ったログイン情報がSourcetr
SourceTreeの使い方 | コミット間の差分ファイルの抽出 (カスタム操作を使う方法) – ICS MEDIA
今回はGitクライアントソフトのSourceTreeから[カスタム操作]という機能を利用して「コミットの差分ファイルをzipファイルとして書き出す」ことを行います。この処理は納品で前回のリリースとの差分のファイルが必要なときに使用すると便利です。 カスタム操作のデモ動画 カスタム操作としてバッチ・スクリプト・exeを登録すると、上図のようにメニューから実行できるようになります Gitをインストールする ※Gitをすでにインストールされている方はこの作業は不要です。SourceTreeの内蔵Gitを使用しているかたはgitコマンドが環境設定に登録されておらず、これから紹介するバッチが実行できない可能性があります。 インストールされているかチェックするためには、Windowsなら「コマンドプロンプト」、Macなら「ターミナル」上で下記コマンドを実行して確認します。 git --version
WinSCPの設定データを移行する | WEBの技
WinSCPの設定は、 簡単にエクスポート／インポートができるようになっていました。 ※ちなみに、WinSCPのバージョンは 5.9.3 です。 パソコンの入れ替え作業などの際にはとても便利です。 *-*-*-*-*-*-*-*-*-*-*-*-*-*- ①移行したいデータが入っているWinSCPを起動します。 ②左下の「ツール」から 「設定のエクスポート/バックアップ」をクリックします。 ③「WinSCP.ini」というファイルを生成しますよ、と聞いてきますので 保存先を指定して、「保存」をクリックします。 ④「WinSCP.ini」というファイルが生成されました。 *-*-*-*-*-*-*-*-*-*-*-*-*-*- ⑤次に、新しいWinSCPを起動します。 ⑥左下の「ツール」から 「設定のインポート/復元」をクリックします。 ⑦警告が表示されますので、 確認して「OK」をクリック
まれによく使う正規表現 - Qiita
はじめに 登録フォーム作るときとかに使いそうな正規表現ネタのメモです 細かいルールは別途学んでください 動作確認はテキストエディタ（秀丸・サクラエディタ）のチェックしかしていません メールアドレスの正規表現はRFCに準拠していません
[jQuery] クリックでセクションの表示・非表示を切り替える
目次みたいなリンク一覧がって、リンクをクリックをすると、そのセクション（ブロック）だけが表示され、クリックするたびにセクションが切り替わるような画面を作ったのでメモ。 アプリ名一覧みたいなのがあって、アプリ名をクリックすると、そのアプリの紹介だけが表示されるようなやつ。 一覧が、リンクの場合と、ボタンの場合の 2 種類を作った。 リンクの場合は、 href の値と id で表示・非表示を切り替える。 ボタンの場合は、 id と class 名を使って切り替える。 セクションの切り替えは、 hide() で非表示 show() で表示、または toggle() で表示（クリックするごとに表示・非表示を繰り返す） 表示・非表示のメソッドは、 fadeIn() / fadeOut() や slideDown() / slideUp() などアニメーション付きのもあるので、それらを使ってもいい。
![[jQuery] クリックでセクションの表示・非表示を切り替える](https://cdn-ak-scissors.b.st-hatena.com/image/square/ce3ffe521c95897fec1cbecf9ad0ed5540e5fc4b/height=288;version=1;width=512/https%3A%2F%2Fagohack.com%2Fwp%2Fwp-content%2Fuploads%2F2019%2F08%2Fjquery-logo-200.png){kind=logo}
スマホでhoverを有効にする方法 – WEB-Geek-Site.com
を加えるだけ！ bodyにontouchstart=""を指定すれば、子要素がタッチ時に反応するようになる。属性のプロパティは空でOKです。 ※ ontouchstart=""である必要はない ontouchendでも可能。 <span class="nt"><div</span> <span class="na">class=</span> <span class="s">"box"</span> <span class="na">ontouchstart=</span> <span class="s">""</span> <span class="nt">>これは設定例です</div></span> ただ、iphoneでテストしてみると、PCのhoverのようには動かず、ボタンとしての認知性は向上しないように感じた。 もう少し頑張ってリサーチ。 いろいろ調べてみると、JQueryを使う
【CSS】background-attachment:fixedがスマホだけ効かない原因と対処法
background-attachment: fixed;を使って背景画像を固定しようとしていました。 しかし、PCではうまく固定されるものの、スマホで見ると固定されていないし表示が崩れてる… というわけで今回はbackground-attachment: fixedがスマホだけ効かない原因とその対処法を紹介します。 background-attachment: fixedがスマホだけ効かない原因background-attachment: fixed;とbackground-size: cover;を同時に指定していませんか？ たとえば background: url(path/to/image.png) no-repeat fixed; background-size: cover;みたいな感じで指定していると効かないみたいです。 Can I use.comで見てみると「backgro
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Mac】外付けHDDやSSDが書き込みができないのはフォーマットが原因！？
jQueryでスクロールに合わせて少しずつ背景画像を動かす方法 | cityJumperWEB.com