fzfeed

cursor settings

noreply@blogger.com (Unknown) — Fri, 23 Oct 2026 23:55:23 +0000

Cursor Settings

General

Startup:Windows Restoration

立ち上げ時のWindowをIDEにする

Default

Code Intelligence

Tab:cursor Tab

コード補完機能キャンセル

off

Preference

Extensions

One Dark Pro

settings.json [Open User Settings (JSON)]

{
    "window.autoDetectColorScheme": true,
    "cursor.cpp.disabledLanguages": [
        "markdown",
        "plaintext",
        "php"
    ],
    "editor.wordWrap": "on",
    "window.newWindowDimensions": "maximized",
    "workbench.preferredLightColorTheme": "One Dark Pro",
    "php.validate.executablePath": "",
    "editor.stickyScroll.enabled": false,
    "editor.scrollBeyondLastLine": false,
    "php.validate.enable": false,
    "emmet.excludeLanguages": [
        "markdown",
        "css"
    ],
    "editor.hover.enabled": false,
    "workbench.editor.enablePreview": false,
    "breadcrumbs.enabled": false,
    "css.lint.emptyRules": "ignore",
    "css.validate": false,
    "scss.validate": false,
    "less.validate": false
}

keybindings.json [Open Keyboard Shortcut(JSON)]

[
    {
        "key": "ctrl+tab",
        "command": "-"
    },
    {
        "key": "ctrl+shift+tab",
        "command": "-"
    },
    {
        "key": "ctrl+tab",
        "command": "workbench.action.nextEditor"
    },
    {
        "key": "ctrl+shift+tab",
        "command": "workbench.action.previousEditor"
    }
]

keybindings.json [Atom 仕様にするためのVS Code共通用ショートカット変更]

    {
        "key": "ctrl+shift+d",
        "command": "-workbench.view.debug",
        "when": "viewContainer.workbench.view.debug.enabled"
    },
    {
        "key": "ctrl+shift+d",
        "command": "editor.action.copyLinesDownAction",
        "when": "editorTextFocus && !editorReadonly"
    },
    {
        "key": "shift+alt+down",
        "command": "-editor.action.copyLinesDownAction",
        "when": "editorTextFocus && !editorReadonly"
    },
    {
        "key": "ctrl+tab",
        "command": "-workbench.action.quickOpenPreviousRecentlyUsedEditorInGroup",
        "when": "!activeEditorGroupEmpty"
    },
    {
        "key": "ctrl+shift+tab",
        "command": "-workbench.action.quickOpenLeastRecentlyUsedEditorInGroup",
        "when": "!activeEditorGroupEmpty"
    },
    {
        "key": "ctrl+up",
        "command": "-editor.action.goToTopHover",
        "when": "editorHoverFocused"
    },
    {
        "key": "ctrl+up",
        "command": "editor.action.moveLinesUpAction",
        "when": "editorTextFocus && !editorReadonly"
    },
    {
        "key": "alt+up",
        "command": "-editor.action.moveLinesUpAction",
        "when": "editorTextFocus && !editorReadonly"
    },
    {
        "key": "ctrl+down",
        "command": "-editor.action.goToBottomHover",
        "when": "editorHoverFocused"
    },
    {
        "key": "ctrl+down",
        "command": "editor.action.moveLinesDownAction",
        "when": "editorTextFocus && !editorReadonly"
    },
    {
        "key": "alt+down",
        "command": "-editor.action.moveLinesDownAction",
        "when": "editorTextFocus && !editorReadonly"
    },
    {
        "key": "ctrl+numpad_divide",
        "command": "editor.action.commentLine",
        "when": "editorTextFocus && !editorReadonly"
    }

css clamp (min, rem, max)

noreply@blogger.com (Unknown) — Tue, 30 Jun 2026 23:54:00 +0000

remのルール

・rem指定は<html>に対するfont-sizeが基準。font-sizeは基準なだけであってrem指定すればfont-family以外のプロパティへもrem値は適用される
・font-sizeの指定がない場合は 1rem

画面横幅に対応してremが変化する基準作り

1000pxの時 1rem = 10px、1440px のときは 1rem = 14.4px

html {
  font-size: calc(100vw / 100);
}

横幅1440pxの時 1rem = 10px

html {
  font-size: calc(100vw * 10 / 1440);
}

最小、最大値を決めておかないとどこまでも小さく、大きくなる

clamp - max - min

同じ意味

div{
   width: clamp(200px, 50%, 1000px);
}

div{
   width: max(200px, min(50%, 1000px));
}

div{
   width: 50%;
   min-width:200px;
   max-width:1000px;
}

・基本50%
・横幅が400をきっても200で固定
・横幅が2000を超えても1000で固定

組み合わせた実践的な使い方

html{
  font-size: calc(100vw / 100);
}
body{
  font-size: clamp(12px,1.6rem,16px);
}
div{
   padding-top: max(180px, 34rem, 340px);
}

・基本34rem
・最小値：180px
・最大値：340px

Create Atom Package Stay on Atom

noreply@blogger.com (Unknown) — Sun, 04 Jan 2026 23:54:00 +0000

Stay on Atom

Package Generator: Genarate Package

Ctrl + Shift + P → Genarate Packageでパッケージテンプレを生成

package.json

  "grammars": [
     {
         "file": "grammars/css.cson"
       },
       {
         "file": "grammars/language-css.cson"
      },
      {
        "file": "grammars/language-html.cson"
      }
   ]

grammar/css.cson

'name': 'Injection updates for CSS'
'scopeName': 'source.css.custominjection'
'type': 'injection'
'injectionSelector': 'source.css -comment'
'patterns': [
   #（clamp, min, max）html,phpファイル対策 (直前のという条件
  {
    'match': '\\b(?:clamp|min|max)\\s*\\('
    'name': 'support.function.misc.css'
  }
   # !important ;直前のという条件 ()後対策
  {
    'match': '!important(?=\\s*;)'
    'name': 'keyword.control.css.important'
  }
   
  # 開き括弧 (
  {
    'match': '\\('
    'name': 'punctuation.section.function.begin.css'
  }

  # 閉じ括弧 )
  {
    'match': '\\)'
    'name': 'punctuation.section.function.end.css'
  }

  # 演算子 / と *
  {
    'match': '/|\\*'
    'name': 'keyword.operator.arithmetic.css'
  }

  # フォント名（引用符なしのキーワード）
  {
    'match': '\\b(sans-serif|serif|cursive|system-ui|ui-sans-serif|Meiryo)\\b'
    'name': 'support.constant.font-family.css'
  }
  
  # value support
  {
    'match': '\\b(background-position|break-spaces)\\b'
    'name': 'support.constant.property-value.css'
  }
]

  # auto-fit auto-fill syntax 判定 [pulsar only]
  # {
  #   'match': '\\brepeat\\s*\\(\\s*(auto-fit|auto-fill)\\s*,'
  #   'captures':
  #     '1': { 'name': 'keyword.other.grid.repeat.css' }
  # }

長い１行の後半がsyntax判定されずハイライトが途切れる対策

pulsar-master内のlanguage系のpackageのgrammar内のファイルをコピーし名前を変えて独自パッケージのgrammarへ保存

pulsar-master/packages/language-css/grammar/css.cson

コピーして以下を1行を追加。おそらくAtomデフォルト値は100

grammar/language-css.cson

'maxTokensPerLine': 300

grammar/language-html.cson

'maxTokensPerLine': 300

未対策事項

counter-increment,counter-resetなどの可変値でカンマで囲われない文字列。syntax--property-value になる

jQuery親子兄弟関係 family

noreply@blogger.com (Unknown) — Wed, 10 Dec 2025 23:53:00 +0000

メソッド	対象の要素
parents	先祖要素
parent	親要素
prev	前の要素（兄要素）
prevAll	全ての兄要素
next	次の要素（弟要素）
nextAll	全ての弟要素
siblings	全ての兄弟要素
children	子要素（孫要素は対象外）

Pulsar/Atom Edit Core Package Hack

noreply@blogger.com (Unknown) — Tue, 17 Jun 2025 23:04:00 +0000

Core package の上書きパッケージ

pulsar-master.zip

core packageコピー手順

packages内の該当パッケージフォルダをpulsar-masterからコピー、フォルダ名とpackage.json内のnameを変更し以下へ移動
もとから入っている方のパッケージは無効化する

C:\Users\ユーザー名\.atom\packages

autocomplete-html-custom/completions.json

・基本attributesからid以外全部消す
・attributesにclassを追加
・attributesに候補の追加
・attributesの順番入れ替え

autocomplete-css-custom/completions.json

・html の"tags"順番入れ替
・valueの順番入れ替え
・valueに候補の追加

autocomplete-css-custom/lib/provider.js

Pulsar ではhtml,phpファイル内でcssの補完が効かないための対策 13行目ピンクを追加

  selector: '.source.css, .source.sass, .source.css.postcss, .text.html.php',

Pulsar v1.128.0：phpファイル内、CSSで候補が表示されないことがあるバグあり（同じスコープ箇所でも起きるのでどういう条件で表示されないか不明）、Atomではそのバグなし

snippets.cson 補完候補スニペット上書き

緑矢印で表示される補完候補はlanguage-系コアパッケージで制御されている。ユーザーのsnippets.csonに記述することで上書きするこができる

language系コアパッケージはコピーしない理由

language-css,language-htmlはコピーしただけではエラーが出る。Node.jsコマンドでtree-sitterをパッケージディレクトリにインストールする必要がある
language-cssを無効化するとphpフィアル内でcssの色分け、補完が効かなくなる

そのためlanguage-系はコピーせずsnippets.csonに記述しcore packageのスニペットを上書きする

C:\Users\ユーザー名\.atom\snippets.cson

※もとコードは各パッケージのsnippets内のファイル参照
※候補表示順はprefixのABC順のため順番を入れ替えても候補順番に反映はされない
※コード内のインデントがずれると効かなくなる

language-css/snippets/language-css.csonからのコード改造

インデントを正確にしないと動作しない

# css file
'.source.css':
  '@media PC 768':
    'prefix': 'media'
    'body': '@media screen and (min-width: 768px){\n\t${1:$2}\n }$0'
  '@media SP 767':
    'prefix': 'media 767'
    'body': '@media screen and (max-width: 767px){\n\t${1:$2}\n }$0'
    
# for Pulsar delete three lines below
'.source.css .meta.property-list.css': # css file inside {} for Atom
  '@media SP 767': # for Atom
    'prefix': 'media 767' # for Atom
  'clamp':
    'prefix': 'clamp'
    'body': 'clamp(${1:0}$2,0,0);$0'
  'min':
    'prefix': 'min'
    'body': 'min(${1:0}$2,0);$0'
  'calc':
    'prefix': 'calc'
    'body': 'calc(${1:0}$2 + 0);$0'
  'scale':
    'prefix': 'scale'
    'body': 'scale(${1:0}$2);$0'
  'url':
    'prefix': 'url'
    'body': 'url(images/${1:$2}) no-repeat;$0'
  'rgba':
    'prefix': 'rgba'
    'body': 'rgba(${1:0}$2,0,0,.5);$0'
 
#css file inside {} only for Pulsar
'.source.css .meta.block.inside-selector.css':
  '@media SP 767':
    'prefix': 'media 767'
  '!important':
    'prefix': '!'
  '@charset':
    'prefix': 'charset'
  '@font-face':
    'prefix': 'fontface'
  '@import':
    'prefix': 'import'
  '@keyframes':
    'prefix': 'keyframes'
  '@media':
    'prefix': 'media'
  '@supports':
    'prefix': 'supports'
    
'.source.css .meta.property-list.css .punctuation.terminator.rule.css': # only for Atom
  'no-repeat':
    'prefix': 'norepeat'
    'body': 'no-repeat'

language-html/snippets/language-html.csonからのコード改造

特定のスニペットを候補から非表示にする場合は'body'の行を削除

# html file
'.text.html':
  # B
  'Blockquote':
    'prefix': 'blockquote'
    'body': '<blockquote>\n\t$1\n</blockquote>'
  # C
  'Canvas':
    'prefix': 'canvas'
  'Caption':
    'prefix': 'caption'
  'Citation':
    'prefix': 'cite'
  'Code':
    'prefix': 'code'
  'Column':
    'prefix': 'col'
  'Column Group':
    'prefix': 'colgroup'
  'Comment':
    'prefix': '--'
  # D
  'HTML — 5':
    'prefix': 'doctype'
  'Data':
    'prefix': 'data'
  'Data List':
    'prefix': 'datalist'
  'Deleted Text':
    'prefix': 'del'
  'Details':
    'prefix': 'details'
  'Definition':
    'prefix': 'dfn'
  # O
  'Option Group':
    'prefix': 'optgroup'
  'Output':
    'prefix': 'output'
  # U
  'Unordered List':
    'prefix': 'ul'
    'body': '<ul>\n\t<li>$1</li>\n</ul>'
    
#html file inside html tag end
#'.text.html.basic .source.html .punctuation.definition.tag.end': # for Atom
'.text.html.basic .punctuation.definition.tag.end': # for Pulsar
  'Strikethrough':
    'prefix': 's'
  'Sample Output':
    'prefix': 'samp'
  'Script':
    'prefix': 'script'
  'Script With External Source':
    'prefix': 'scriptsrc'
  'Section':
    'prefix': 'section'
  'Select':
    'prefix': 'select'
  'Small':
    'prefix': 'small'
  'Source':
    'prefix': 'source'
  'Span':
    'prefix': 'span'
  'Strong':
    'prefix': 'strong'
  'Style':
    'prefix': 'style'
  'Subscript':
    'prefix': 'sub'
  'Summary':
    'prefix': 'summary'
  'Superscript':
    'prefix': 'sup'
  'SVG':
    'prefix': 'svg'
  # I
  'Italic':
    'prefix': 'i'
  'Inline Frame':
    'prefix': 'iframe'
  'Input':
    'prefix': 'input'
  'Image':
    'prefix': 'img'
  'Import':
    'prefix': 'import'
  'Inserted Text':
    'prefix': 'ins'
  # T
  'Table':
    'prefix': 'table'
  'Table Body':
    'prefix': 'tbody'
  'Table Cell':
    'prefix': 'td'
  'Template':
    'prefix': 'template'
  'Text Area':
    'prefix': 'textarea'
  'Table Foot':
    'prefix': 'tfoot'
  'Table Header Cell':
    'prefix': 'th'
  'Table Head':
    'prefix': 'thead'
  'Time':
    'prefix': 'time'
  'Title':
    'prefix': 'title'
  'Table Row':
    'prefix': 'tr'
  'Track':
    'prefix': 'track'
    
#html file inside a tag
'.text.html.basic .meta.tag.inline.a.html .punctuation.definition.tag.end.html':# for atom
#'.text.html.basic': #for pulsar
  'target':
    'prefix': 'target'
    'body': 'target="_blank"'

language-php/snippets/language-php.csonからのコード改造

入力時余計な補完削除のためのコードとショートechoが<?で効かないため書き換え

for atom

#php file
'.text.html.php:not(.source)':
  '$this->…':
    'prefix': 'this'
  'echo $this->…':
    'prefix': 'ethis'
  '<?php foreach (…) … <?php endforeach ?>':
    'prefix': 'foreach'
  '<?= ?>':
    'prefix': 'echoSorto'
    'body': '<?= $0 ?>'
    
#php file inside html a tag
'.text.html.php .meta.tag.inline.a':
  'target':
    'prefix': 'target'
    'body': 'target="_blank"'
    
#php file inside css
'.text.html.php .meta.tag.style.html .source.css.embedded.html':
  '<?php … ?>':
    'prefix': 'php'
    
#js on html file
'.text.html.basic .meta.tag.script.html .source.js.embedded.html':
  'document':
    'prefix': 'document'
    'body': '$(document).ready( function(){\n$1\n});'

#js on php file
'.text.html.php .meta.tag.script.html .source.js.embedded.html':
  'document':
    'prefix': 'document'
    'body': '$(document).ready( function(){\n$1\n});'

for pulsar

#php file inside css
'.text.html.php .meta.embedded.block.css.html .source.css':
  '$this->…':
    'prefix': 'this'
  'echo $this->…':
    'prefix': 'ethis'
  '<?php foreach (…) … <?php endforeach ?>':
    'prefix': 'foreach
  '<?php … ?>':
    'prefix': 'php'

#php file
'.text.html.php':
  '<?= ?>':
    'prefix': 'echoSorto'
    'body': '<?= $0 ?>'
  '<?php … ?>':
    'prefix': 'php'
    'body': '<?php $0 ?>'
  'var_dump':
    'prefix': 'var_dump'
    'body': 'var_dump(${1:$2});'

#php file inside html tag at end
'.text.html.php .punctuation.definition.tag.end.html':
  'target':
    'prefix': 'target'
    'body': 'target="_blank"'

#php file inside html tag at inside
'.text.html.php .entity.other.attribute-name.html':
  'target':
    'prefix': 'target'
    'body': 'target="_blank" '

※language-phpはコピーしてもエラーなく有効化できるがコピーせずlanguage-css,language-html同様snippets.csonに上書き記述にする

スニペットセレクタの探し方

atomとpulsarでスニペットセレクタ名が違う箇所がるため効かない場合は調べる
スニペットセレクタの探し方
カーソルを事前に検知したい場所に置いておく Ctrl + Shift + P

Editor:Log Cursor Scope

右上青枠内に表示される

記述例

指定する時は必ずはじめにドット.をつける

.source.css .meta.block.inside-selector.css'

Wordpress SQL文でデータを引っ張る

noreply@blogger.com (Unknown) — Thu, 06 Mar 2025 06:32:00 +0000

wp-blog-header.phpを読み込んでる場合

global $wpdb;//wp-blog-header読み込んでれば省略可
$post_author1_array = $wpdb->get_results( 'SELECT * FROM `wp_posts` WHERE `post_author` = 1', ARRAY_A );

※カラム名はクォーテーションマークで囲わなくてもOK

第２引数の戻り値

OBJECT：行レコードをオブジェクト化したもののインデックス配列
OBJECT_K：行レコードをオブジェクト化したものの連想配列（キーは第１カラムの値）
ARRAY_A：行レコードを連想配列化したもののインデックス配列( $row['id'] )
ARRAY_N：行レコードをインデックス配列化したもののインデックス配列( $row->id)

ワードプレスでwpdbクラスを使ったDB操作方法

テーマの外の場合はデータベース接続

$host_name = '';
$db_name = '';

$db = new PDO('mysql:host='.$host_name.'; dbname='.$db_name, 'nombre_usario','contrasena',array(PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES utf8", PDO::ATTR_PERSISTENT => true));
$db->setAttribute( PDO::ATTR_ERRMODE, PDO::ERRMODE_WARNING );

$post_author1_array = $db->query('SELECT * FROM `wp_posts` WHERE `post_author` = 1 ')->fetchAll();

jQuery scrollしたら発火

noreply@blogger.com (Unknown) — Fri, 17 Jan 2025 09:43:00 +0000

html

<header></header>
<div class="content"></div>
<footer></footer>
<div id="fixed"></div>

要素が消えたら発火

javascript

※javascriptは必ずhtmlのあとに記述

var topHideVal = $("header").height(); // ターゲットの高さ取得
$(window).on("scroll", function () {
   if ($(window).scrollTop() < topHideVal) {
      $("#fixed").removeClass("show");
   } else {
      $("#fixed").addClass("show");
   }
});

要素が見えたら発火

javascript

$(window).scroll(function(){
if($(this).scrollTop() + $(window).height() > $('footer').offset().top){
      $('#fixed').removeClass('show');
   }else{
      $('#fixed').addClass('show');
   }
});

正規表現 regex

noreply@blogger.com (Unknown) — Thu, 26 Dec 2024 08:17:00 +0000

\	.^ $ \| \ + * ? の前に置いてその文字列をエスケープさせる
\r\n	改行
^	行頭
$	行末
.	どんな文字でも
.*	どんな文字でも0以上続く
*	直前の要素が0回以上
+	直前の要素が1回以上
*	直前の要素が0回以上
.0	どんな文字でも0以上続く
[abc]	aかbかc = a\|b\|c
[^abc]	aかbかc以外
[a-z]	aからzのどれか
[a-z0-9]	aからz,0から9のどれか
(.*)	どんな文字でも0以上続く文字列をグループ化
$1	１つ目のグループ

エディターでの使用例

ピリオドを照合

\.

[特定の文字]が含まれる行

^.*特定の文字.*\r\n

htmlの中身の文字列はそのままタグだけ置換

検索

<strong>(.*)</h3>

置換

<strong>$1</strong>

1文字以上の数字

(\d+)

改行を削除

検索

$\r\n

置換

これでヒットする空欄行もある

^\n

phpではダブルクオーテーションでかこう

$break = "\n";

phpmyadminで空欄を検索するとき

NOT REGEXP .+

[MySQL,phpMyAdmin]何もない空の値、空値を検索（SELECT）するの巻

Sourcetree アカウント設定～クローン

noreply@blogger.com (Unknown) — Fri, 06 Dec 2024 01:56:00 +0000

GitHubアカウント追加【OAuth認証】

GitHubにログインしておく

既定のブラウザでGitHubにログインしておく

Sourcetree からアカウント追加

Sourcetree: ツール > オプション > 認証 > 追加

ホスティングサービス：GitHub
優先するプロトコル：HTTPS
認証：OAuth
[OAuthトークンを再読み込み]

ブラウザが立ち上がる
[Authorize atlassian]

※アカウントを２つ追加したらどちらかをデフォルト設定にしておくこと
またはアカウント選択のポップアップ非表示をしておく

GitHubアカウント追加【tokenで認証】

※HTTPSのURLでクローンができない場合アカウント追加をtoken認証方式にする
※同じGitHubアカウントですでにOAuth認証で追加してある場合はOAuth認証の方を削除しないと追加できない

GitHubからtoken設定

GitHub: setting > Developer Settings > Tokens (classic) > Generate new token (classic)

Note:sourcetree(任意)
Expiration:No Expiration
Select scopes：repo,userにチェック
発行されたtokenをコピー

Sourcetree からアカウント追加

SourceTree: ツール > オプション > 認証　> 追加

ホスティングサービス：GitHub
優先するプロトコル：HTTPS
認証：Personal Access Token
[Personal Access Tokenを再読み込み]

アカウント：アカウント名
パスワード：tokenを貼り付け

pushするときのユーザー情報設定（リポジトリごと）

Sourcetree: 右上「設定」 > 詳細

メールアドレスはgithubに登録してあるものに登録しておくとgithub上でそのアカウントからのpushと判断される
githubアカウントと紐づくメールアドレスは右上setting > Emails
適当な@github.comアカウントは存在するユーザーであるとそのユーザーからのpushと判定される

HTTPSのURLでGithubからCloneできない時【方法１ token編】

tokenで認証でGitHubアカウントをSoucetreeに追加するとHTTPSでクローンできるようになる
※クローンできるが他のアカウントと併用しているとプッシュができない

HTTPSのURLでGithubからCloneできない時【方法２ SSH編】

SSHキーをSourcetreeに登録しておくことでSHHのアドレスでクローンできるようになる

SourceTreeでSSHキーを生成

SourceTree: ツール > SSHキーの作成/インポート

※SHHクライアント：putty/Plinkにしておかないと「SSHキーの作成/インポート」がメニューに表示されない

[Generate]
ウィンドウの中でマウスを適当に動かし緑のバーを進める
public keyをコピー
[Save private key] でrsa-key-soucetree.ppkを保存（フィアル名任意）

※[Key pathphrase]と[Confirm pathphrase]は空欄にする。プッシュやフェッチの度にパスフレーズを入力することになるため

GitHubに公開鍵を登録

GitHub: 右上ユーザーアイコン内setting > SSH and GPG keys

https://github.com/settings/keys

New SSH Key
title: rsa-key-soucetree(任意)
Key: publick keyをペースト
Add SSH Key

SourceTreeに秘密鍵を登録

SourceTree: ツール > SSHエージェントを起動...

タスクバー帽子パソコンアイコン Putty authentication agent をタブルクリック
[Add Key] .ppkファイルを登録
close

SourceTreeでクローンする(SSH)

git@github.comからはじまるSSHのリポジトリのURLを入力

SourceTree SSHの設定

ツール > オプション > 全般　> SSH クライアントの設定

SSHが起動してないとgithubとのやりとりができない

それでもSSH のURLを認識しない場合

SourceTreeからはできないSSH初回の認証通すためのコマンドをコマンドプロンプトから打つ

cd AppData/Local/SourceTree/app-3.4.23/tools/putty

plink.exe git@github.com

Enter

Source treeをインストールしたけどpushもcloneもできない(リモートリポジトリにアクセスできない)ときの対処法＜Win向け＞

複数アカウント登録時の追加設定

Fetch時など常にアカウント選択のポップアップを消す

Select an account. Why am I being asked to select an account?のポップアップが毎回表示されるときは SourceTreeでそのプロジェクトを開き、右上「ターミナル」

git config --global credential.https://github.com.username ここにgithubのユーザーネーム

Git launches the “Select an account” popup all the time git-credential-manager

Git Bash

フォントサイズの変更

タイトルバーを右クリック > Option > Text > Font

php日付時間曜日の操作 date

noreply@blogger.com (Unknown) — Tue, 26 Nov 2024 10:35:00 +0000

今日

$hoy = date('Y-m-d');

明日

$manana = date('Y-m-d', strtotime('+1 day'));

今月末日

$finaldeestemes = date('Y-m-t');

2つの日付の日数差

$time1 = strtotime('2019-04-01');
$time2 = strtotime('2018-04-01');
$differece = ($time1 - $time2) / (60 * 60 * 24);

日付を日本語で表示

$fecha = '1999-10-10';
$dia = date("m月d日", strtotime($fecha));

曜日を日本語で表示

$fecha = '1999-10-10';
$week = array( "日", "月", "火", "水", "木", "金", "土" );
$diadesemana = $week[date("w", strtotime($fecha))];

日付条件分岐

wordpressの場合はcurrent_timeを使う
そうでない場合はdateを使う

if (current_time('Y-m-d H:i:s') < '2024-11-29 17:00:00') {
//その日以降非表示
} else{
//その日以降表示
}

SQL

今日以降

 `date` >= "'.$hoy.'"

昨日以前

`date` < "'.$hoy.'"

WinSCP

noreply@blogger.com (Unknown) — Fri, 01 Nov 2024 01:09:00 +0000

WinSCP アップデートによる環境設定変更をもとに戻す設定

最後のセッションを閉じた後の起動時にログインを表示

チェック入れる

すべてのセッションを閉じてもウィンドウを閉じない

チェック入れる

エディタの設定

追加　外部エディタで以下を読み込む

C:\Users\USERNAME\AppData\Local\atom\atom.exe

C:\Program Files\atom.exe\Pulsar.exe

一番上に移動しOK

WinSCP コマンドラインの履歴を削除

Windowsのレジストリエディタregedit から

HKEY_CURRENT_USER\Software\Martin Prikryl\WinSCP 2\Configuration\History

.htaccess

noreply@blogger.com (Unknown) — Fri, 25 Oct 2024 03:08:00 +0000

URL Redirect

# 特定のURLを301リダイレクト

RewriteEngine On
RewriteBase /
RewriteRule ^news.php https://domain.com/news/ [R=301,L]
RewriteRule ^news.php /news/ [R=301,L]

domain.com/news.php → domain.com/news/

# ドメイン変更のため301リダイレクト　一部のディレクトリは除く

RewriteEngine on
RewriteBase /
RewriteCond %{REQUEST_URI} !(^/images/)
RewriteCond %{REQUEST_URI} !(^/videos/)
RewriteRule ^(.*) https://new.com/$1 [R=301,L]

old.com → new.com
old.com/dir/ → new.com/dir/
old.com/images/ → old.com/images/

# httpsにリダイレクト

RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

# wwwありにリダイレクト

RewriteCond %{HTTP_HOST} !^www\. [NC]
RewriteRule ^(.*)$ https://www.%{HTTP_HOST}%{REQUEST_URI} [R,L]

#.php なしにリダイレクト

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME}.php -f
RewriteRule ^(.*)$ /$1.php [R=301]

URL Custom

# リダイレクトさせずに２つURLを存在させる

特定のページでスラッシュありでもなしでも同じページを表示

RewriteRule ^blog/$ /blog [L]

スラッシュありでも.phpでも同じページを表示

RewriteRule ^(.*)/$ /$1.php [L]

# URL末尾の.phpなしにする

#さくらのレンタルサーバーではこの設定がでデフォルトでされてる(htmlも)

RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME}\.php -f
RewriteRule ^(.*)$ $1.php

# パラメーター値をスラッシュ区切りにする

RewriteRule ^blog/(.*)/$ /blog/page.php?p=$1

domain.com/page.php?p=101 → domain.com/blog/101/

# URL末尾にスラッシュを入れる

<IfModule mod_rewrite.c>
    RewriteEngine on
    RewriteCond %{REQUEST_URI} !/$
    RewriteCond %{REQUEST_URI} !\.[^/\.]+$
    RewriteRule .* %{REQUEST_URI}/ [R=301,L]
</IfModule>

#ファイル名最初のアンダーバーをスラッシュ区切り

区切る前の文字列はあらかじめ指定しておく必要がある

アンダーバー１つ用

RewriteRule ^admin/(shop|user)/([0-9a-z_-]+)\.php$ /admin/$1_$2.php [L]

domain.com/shop_test.php → domain.com/shop/test.php

アンダーバー２つ用

RewriteRule ^admin/(shop|mail|news)/([0-9a-z_-]+)/([0-9a-z_-]+)\.php$ /admin/$1_$2_$3.php [L]

domain.com/news_test_test.php → domain.com/news/test_test.php

Wordpress DIRECTORY

# wordpressがある階層からwordpressパーマリンク機能を除外する階層を指定

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
# 除外するディレクトリを追加 ↓
RewriteCond %{REQUEST_URI} !(^/otrodirectorio/)
# 除外するディレクトリを追加 ↑
RewriteRule . /index.php [L]
</IfModule>

アクセス権限操作

# Bacis認証

AuthType Basic
AuthName  "Restricted Page"
Require valid-user
AuthUserFile  /home/.htpasswds/domain.com/.htpasswd

# Bacis認証から特定のIPアドレスを除外

<RequireAny>
Require ip 00.00.0.000
Require valid-user
</RequireAny>

.gitignore

noreply@blogger.com (Unknown) — Fri, 12 Jul 2024 06:29:00 +0000

.gitignoreが効かない？

一度ステージに入れたファイルはコミットしてなくてもgit管理下に入り、後から .gitignore に追加しても無視されない。後から無視する場合は一度削除しそれをコミットする必要がある。

手動で後からgitignoreで無視する手順

①ローカルリポジトリから無視したいファイル/ディレクトリを一旦削除
②gitignoreに記述
③commit(&push)
（④ローカルリポジトリに削除したファイル/ディレクトリを戻す）

削除コマンドし後からgitignoreで無視する手順

①ローカルリポジトリで以下のコマンド

git rm --cached -r [削除したいディレクトリ]

git rm --cached [削除したいファイル]

②gitignoreに記述
③commit&push
ローカルにはファイルは残ったままリモートからは消える。

WordpressのテーマフォルダだけGit管理する

ドメイン直下にgitを設置した場合の.gitignoreファイル

.htaccess
/license.txt
/readme.html
/index.php
/xmlrpc.php
/wp-*.php
wp-admin/
wp-includes/
wp-content/*
!wp-content/themes/
wp-content/themes/*
!wp-content/themes/themefoldername/
!wp-content/plugins/
wp-content/plugins/*
!wp-content/plugins/pluginfoldername/

※重要：無視するファイル・ディレクトリがすでにgit管理下にある場合あとからgitignoreしても効かない。あとから無視する場合はローカルでファイルを削除しpushする。
末尾/*はフォルダは認識するが直下にあるすべてのファイルとフォルダが対象
末尾/はフォルダ。/がないと拡張子なしの同ファイル名も対象

Git 準備～Commands

noreply@blogger.com (Unknown) — Thu, 11 Jul 2024 04:33:00 +0000

ローカル準備

gitのインストール

git for windows
Git Bash（コマンドターミナル）、Git CMD、Git GUIも同時にインストールされる。それが不要な場合はgit-scm.comからインストールもできる。

gitの命令操作

Sourcetree
命令手段は2つ
・コマンドターミナルからコマンドを打つ
・Sourcetreeのソフト画面上からボタン操作
※インストール時Mercuialはチェックを外して良い

コマンドターミナルを開く

Sourcetreeを開き Shift + Alt + T または右上「ターミナル」でGit Bashを開ける。開く前に操作したいプロジェクト、ブランチが選べてることを確認する。

Git Bashの設定変更

Git Bashを開く > タイトルバーを右クリック > Option

コマンドを打つ

pushを取り消す

pushを取り消す手順

modifiedを全部取り消す

git checkout -- .

特定のファイルのみmodifiedを取り消す

cd でディレクトリに移動後

git checkout -- ファイル名

untracked fileを削除

git clean -f

ファイル・ディレクトリ削除

ローカルから削除：pushすればリモートからも消える

git rm -r 削除したいディレクトリ

git rm 削除したいファイル

リモートから削除：pushすればリモートのみ消える

git rm --cached -r 削除したいディレクトリ

git rm --cached 削除したいファイル

直前commit,addの取り消し

直前のcommitを取り消す。ローカルのファイル変更は残ったまま。リモートのHEADはそのままの位置に残りローカルのHEADだけが戻る。ローカルがbranchされステージ状態。
(github desktopからターミナルを立ち上げた場合は""が必要　例："HEAD^")

git reset --soft HEAD^

commitとaddを取り消す。ローカルのファイル変更は残ったまま。リモートのHEADはそのままの位置に残りローカルのHEADだけが戻る。ローカルがbranchされstage前の状態。

git reset --mixed HEAD^

直前の commitとaddを取り消す。ローカルのファイル変更が全てが戻る。リモートのHEADはそのままの位置に残りローカルのHEADだけが戻る。branchされない。

git reset --hard HEAD^

resetの取り消し

直前のreset --hard HEAD^を戻す

git reset --hard HEAD@{1}

変更の一時戻し、一時保管

未commitの変更ファイルを全て一時的に元に戻す。そのため他のbranchへ移動できる。ファイル変更情報はどこのbranchにも属さないものとして一時保管される。保存されたstashは消えない。

git stash

一時保管された変更ファイルを今いるbranchへ適用

git stash apply

一時保管された変更ファイルを今いるbranchへ適用 + 一時保管されたstashを削除

git stash pop

過去のstashされた一覧

git stash list

最新の一時保管されたstashひとつを削除

git stash drop

最新の一時保管されたstash全て削除

git stash clear

強制push

git push -f

pushを取り消す手順

直前の状態に戻し

git reset --hard HEAD^

強制プッシュ（mainブランチ）

git push -f origin main

soucetreeで強制プッシュする場合

ツール > オプション > Git >「強制pushを有効にする」にチェックを入れておく
プッシュ（強制プッシュにチェック）

ローカルのフォルダをgit化（ローカルリポジトリ化）する

フォルダへ移動し右クリック「ターミナルで開く」

git init

GitHub 2段階認証ログイン設定

noreply@blogger.com (Unknown) — Thu, 11 Jul 2024 03:55:00 +0000

ログイン設定

Settings > Password and authenticationから２段階認証(Two-factor authentication)を設定した場合IDPWだけではログインできない。２段階認証の方法は複数あるがブラウザの拡張機能を使うAuthenticator app方式で設定する。

ログイン方法1の準備：Authenticator app

Firefox拡張機能：Authenticatorをあらかじめ入れておく

Settings > Password and authentication > Two-factor methods > Authenticator app

①ブラウザ右上パズルピースマーク内にある拡張機能Authenticatorを開き右上QRコードマークを押しブラウザ上のQRコードを選択しスキャン
②もう一度Authenticatorを開き生成されている数字をVerify the code from the app に入力 Save。ここで生成された数字は保管する必要ない。これでそのブラウザからはAuthenticatorを使って2段階認証ログインできる。

ログイン方法2の準備：Recovery options

設定したのにAuthenticator appでログインできない時のために Recovery optionsからTwo-factor recovery codesを保存しておく

ログイン方法

ログイン方法１：Authenticator Code

①IDPWを入力
②Authentication code入力フォームが出たら、Firefoxの拡張機能 Authentication code で数字を生成
③生成された数字を入力

ログイン方法２：Recovery Code

①IDPW入力
②Use a recovery code or begin 2FA account recoveryを選択
③リカバリーコードを一つコピーし入力

Clone

他人の管理するリポジトリの場合はコラボレーター招待してもらう
他人を招待する場合はGitHubの各リポジトリページ Setting > Collaborators and teams

Clone用URL取得 - Clone using the web URL

Github の各リポジトリページの「<>Code」（緑のボタン）

https://github.com/githubusername/projectname.git

Sourcetree から

Ctrl + T > Clone

Pulsar Edi(旧Atom) から

Ctrl + Shift + p

github:clone

SourceTree 樹形図操作

noreply@blogger.com (Unknown) — Fri, 28 Jun 2024 11:49:00 +0000

2つのブランチ、１本の樹形図を２本にする方法

2つのブランチ(main,develop)を樹形図上２本にしてMergeの履歴が残る形にする。

①mainとdevelopが同じ位置【樹形図は１本の状態】
②developを変更し、コミットする→developが一つ進すすむ【樹形図は１本の状態】
③mainにcheckout。
④mergeしたいブランチ（develop）を右クリック「現在のブランチにdevelopをマージ」
⑤「ファストフォワード可能でも新たなコミットを作成する」にチェック
⑥OK【樹形図が２本になる】
※以降マージするときはチェックを入れなくてもマージコミットされ、樹形図２本状態が続く。
※１本に戻したいときはmainをdevelopにマージする

「ファストフォワード可能でも新たなコミットを作成する」とは

ファストフォワード（マージの履歴が残らないマージ）だけどマージを一つのコミットとして履歴を残すこと。

ACFタクソノミーを利用した場合の情報取得

noreply@blogger.com (Unknown) — Wed, 12 Jun 2024 06:56:00 +0000

デフォルトのカテゴリー機能とは別にグループ分けしたい場合にはAdvanced Custom Fieldタクソノミーで種類別カテゴリ機能を追加。 ACFタクソノミーを利用した場合の情報取得。

特定のタクソノミー一覧

$terms = get_terms( array(
  'taxonomy' => 'area',//タクソノミーキー
  'hide_empty' => false,
));
foreach ( $terms as $term ) {
  $term->term_id ;
  $term->name ) ;
  $area_link = get_term_link( $term);
}

idから特定のタクソノミーの属する記事一覧

query_posts(array(
  'posts_per_page' => 15,
  'tax_query' => array(
    array(
      'taxonomy' => 'area',//タクソノミーキー
      'field' => 'term_id',
      'terms' =>  $areaid//配列でも可
    ),
   ),
   //かつ
  'cat' => 1,
));

自分のタクソノミーページで条件を絞った記事一覧

archive.php

$taxonomy = get_query_var( 'taxonomy' );//今いる自分のタクソノミーキー
$taxonomy_term_id = get_queried_object_id();//今いる自分のタクソノミーID
query_posts(array(
  'posts_per_page' => -1,
  'tax_query' => array(
    array(
      'taxonomy' => $taxonomy, //タクソノミーを指定
      'field' => 'term_id', //ターム名をIDで指定する
      'terms' =>  $taxonomy_term_id //表示したいタームID　//配列でも可
    ),
   ),
   //かつ
  'cat' => 2,
));

自分の記事が属する特定のタクソノミー一覧

$area_categories = get_the_terms($post->ID, 'area');//タクソノミーキー指定
if ( $area_categories ) {
  foreach ( $area_categories as $area_category ) {
      $area_id = $area_category->term_id;
      $erea_name = $area_category->name;
      $area_link = get_term_link( $area_category );
  }
}

カテゴリ（タクソノミー）に属するフィールド値取得

通常カテゴリーでもACFタクソノミーカテゴリーでもID指定は　category_数字の形。

get_field('categoria_imagen','category'.'_'.$area_id);//フィールド名指定

X-Mouse Button Control 設定 / KensingtonWorks

noreply@blogger.com (Unknown) — Fri, 16 Feb 2024 02:48:00 +0000

KensingtonトラックボールとX-Mouse Button Controlを組み合わせして使用する設定。同時押しではなく順番押し(Button Chording)設定が可能なためKensintonWorksよりパターンが設定可能。上のボタン２つを有効化するためKensintonWorksのインストールも必要。 X-Mouse Button Control KensintonWorks

X-Mouse Button Control

トラックボールではなくチルト機能つきのマウスを使う時用の設定

Layer 2 (For Microsoft 3600)

Left Button	Button Chording	左・右 →
Right Button	Button Chording	右・左 ←
Middle Button	Simulated Keys	(Pressed){DEL}
Tilt Wheel Left	Enter	Enter
Tilt Wheel Right	Simulated Keys	(Pressed){BACKSPACE}

Layer 1 (For Slimblade/Expert Mouse)

KensingtonWorksインストール直後のデフォルト設定は左上は「中央クリック」右上は「戻る」になっている。X-Mouse Button Controlではそれぞれ「Middle Button」「Mouse Button 4」の扱いになる

Left Button	Button Chording	左・右　→ 左・右上 Backspace 左・左上 ↑
Right Button	Button Chording	右・左　← 右・右上 Delete
Middle Button	Button Chording	左上・左　↓ 左上・右上 Home 左上・右　 End
Mouse Button 4	Enter	右上 Enter

※選択肢にキーがない場合はSimulated Keysを選択し、「{}」から選択できる
※順番押し設定はButton Chordingを選択（先に押すボタン）、２つ目のボタンを次の画面で設定
※マススのスピードもX-Mouse Button Controlから変更する option > override mouse speed
※レイヤーの切り替えはタスクバー内のアイコンを右クリック　layersから選択可
※レイヤー１が必ずデフォルト。レイヤー２をデフォルトにしたい場合はlayer name横のlayer swapで１と２を入れ替える。

Windows起動時に自動起動するアプリを無効化

タスクバー右クリック > タスクマネージャー > スタートアップアプリ

不具合

KensingtonWorksとX-Mouse Button Control の組み合わせによる不具合はFireFoxのレスポンシブモードでの操作時の挙動
追記:2025/11 145.0.1版から改善された

KensingtonWorks

SlimBlade/Expert Mouseの上のボタン２つを有効にするためにいれるソフト。
ポインターのスピード設定のみでボタンの設定はしない

設定ファイルの場所

デバイスをKensington Worksの選択肢から削除したいときは設定フィアルから該当のdevicesらしきものを削除

C:\Users\ユーザー名\AppData\Roaming\Kensington\TrackballWorks\TbwSettings.json

Atom/Pulsar Shortcut Command Palette

noreply@blogger.com (Unknown) — Tue, 13 Feb 2024 00:49:00 +0000

ショートカット

編集系

Homeの後 Shift + End	行選択
Ctrl + T Ctrl + P	ファイル名検索
M	ファイル名変更

Atom開発系

Shift + ,	設定
Ctrl + Shift + i	Developer Tool
Ctrl + Shift + G	Styleguide: Show

コマンドパレットCtrl + Shift + pでつかうコマンド

編集系

Editor: Auto Indent	コードの自動整形	Edit > Lines > Auto Indent
Application:Reopen Project	プロジェクトを開き直す
GitHub: Logout	githubからのログアウト

Atom開発系

Editor: Log Cursor Scope	カーソル位置のスコープ名

slick slider advanced technic

noreply@blogger.com (Unknown) — Fri, 26 May 2023 03:55:00 +0000

CDN 外部読み込みファイル

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>

基本設定テンプレ

$('.slideA').slick({
  infinite: true,
  centerMode: true,
  centerPadding:'0px',
  autoplaySpeed: 0,
  autoplay:true,
  speed: 4000,
  autoplaySpeed:6500,
  arrows: false,
  pauseOnFocus: false,
  pauseOnHover: false,
  pauseOnDotsHover: false,
  dots: false,
  slidesToShow: 1,
  slidesToScroll: 1,
  fade: false,
  responsive: [
    {
    breakpoint: 1200,
      settings: {
        centerPadding: '330px',
        slidesToShow: 1 //centerPaddingの設定必須
      }
    },
    {
      breakpoint: 720,
      settings: {
        fade: false
      }
    }
  ]
});

html

<div class="slideA">
	<img src="images1.jpg">
	<img src="images2.jpg">
	<img src="images3.jpg">
</div>

次のスライド（右端）だけを少しはみ出だして表示

javascript

$('.derecho').slick({
  centerMode: true,
  centerPadding: '40px',
});

css

.derecho .slick-track{
  margin-left: -40px;/*centerPaddingの数値とあわせる*/
}

スライド間の余白

.slick-slide直下のコンテンツの横幅を減らして調節する。画像だけの場合は

css

.slick-slide img{
  width:90%;
  margin:0 auto;
}

dots用CSS

ul.slick-dots {
   margin: 0px 0 0px;
   text-align: center;
}
.slick-dots li{
   position: relative;
   display: inline-block;
   width: 12px;
   height: 12px;
   margin: 0px 7px;
   padding: 0;
   cursor: pointer;
}
.slick-dots li button  {
   font-size: 0;
   line-height: 0;
   display: block;
   width: 12px;
   height: 12px;
   padding:  0 ;
   cursor: pointer;
   color: transparent;
   border:none;
   outline: none;
   background: #ccc;
   border-radius: 12px
}
.slick-dots li.slick-active button{
   background: #6DAAA3;
}

arrows

前後ナビリンクCSS

.slick-slider .slick-next,
.slick-slider .slick-prev{
   font-size: 20px;
   position: absolute;
   top: 50%;
   margin-top: -25px;
   width: 50px;
   height: 50px;
   border-radius: 50px;
   border: none;
   color: #086477;
   background: transparent;
   box-shadow: 2px 2px 3px #ccc;
   cursor: pointer;
   z-index: 9
}
.slick-slider .slick-next {right: -20px;}
.slick-slider .slick-prev {left: -20px;}

fontawesomeの矢印マークを使う場合

$(document).ready(function() {
    $('.slider.slick-slider .slick-next').html('');
    $('.slider.slick-slider .slick-prev').html('');
});

ハードディスクエラーとその対処法

noreply@blogger.com (Unknown) — Mon, 22 May 2023 12:22:00 +0000

「未割り当て」データを消さずに復旧

TestDiskでパーティションを復旧する
TestDisk

1.testdisk_win.exeを起動
2.[No log] Enter
3.該当のドライブを選択[Proceed] Enter
4.[Intel] Enter
5.[Analyse] Enter
6.[Quick Search] Enter
7.該当のパーティションを選択 Enter
8.緑の行が表示されていればP中身のフォルダが表示されればQで戻る
9.[Write] Enter Yで確定
10.パソコンを起動

これで未割り当てでなくなりwindowsのエクスプローラ内に表示される

「未割り当て」状態のHDD・SSDを修復する方法未割り当ての外付けハードディスクのパーティションを復旧してデータを復元する - Windows 10 「TestDisk」の使い方

「フォーマットする必要があります」を復旧

これで未割り当てでなくなったあと該当ドライブが「フォーマットする必要があります」とエラーになる場合は、 Windows PowerShell (管理者)またはコマンドプロンプト (管理者)で復旧

Dドライブの場合

chkdsk d: /f

復旧完了

TestDiskでThe following partition can't be recovered の場合

「RAWドライブにCHKDSKは使用できません」ので TestDiskで「未割り当て」RAWパーティションを検出するが復旧できない場合は MiniTool Partition Wizard Enterprise 12 を使う

MiniTool Partition Wizard Enterprise 12起動
パーティションの復元　次へ
該当ドライブを選択　次へ
スキャン範囲　ディスク全体　次へ
スキャン方式　クイックスキャン　次へ
完了
復元されたパーティションを右クリック「ドライブ文字の変更」でドライブレターを割り当てる
適用

未割り当てパーティションからデータを復元する方法

それでもThe following partition can't be recovered の場合

ブートセクタが破損しているか確認

1.testdisk_win.exeを起動
2.[No log] Enter
3.該当のドライブを選択[Proceed] Enter
4.[Intel] Enter
5.[Advanced] Enter
6.該当のパーティションを選択 Enter

Boot sector、Backup boot sectorともにStatus: Badの場合は

7.[Rebuild BS] Enter Yで確定

復旧完了

「TestDisk」によるブートセクタの修復

「初期化されていません」の場合は物理的故障の可能性

ディスクの初期化しようとすると「存在しないデバイスを指定しました」
testdiskでは認識しない、chkdskもできない、ソフトでの復旧不可
基盤のコンデンサ不良など物理的な故障が原因の可能性。

ハードディスクが「初期化されていません」と表示される ~~https://ameblo.jp/kagayaitakisetu/entry-12324682409.html~~

Windows Install/Update 起きる問題とその対処法

Windows Update

問題：Windows Update　エラー 0x80004005

Windows Update時最後の再起動の途中でアップデートが失敗し、Windows 10 22H2にアップデートできない。

解決法

なにをやってもアップデート不可のためOS再インストール（クリーンインストール）

Windows Install

問題:：再インストールの際インストール場所が選べない

エラーメッセージ「MBRパーティションテーブルがあります。EFIシステムではGPTディスクのみにWindowsをインストールできます」

解決法

・すべての（たぶん３つ）パーティションを「削除」
・「新規」ボタンをクリック→また３つパーディションが新たにできる

Windows 10 Clean Install

・4.5 GB以上の空のUSB フラッシュドライブ
・windows 10 プロダクトキー
・Windowsをインストールする空のSSDハードディスク
Window 10 Window 11
「ツールを今すぐダウンロード」
空のUSBを挿しmediacreationtool.exeを実行しメディアを作成

SSH 接続とコマンド

noreply@blogger.com (Unknown) — Fri, 19 May 2023 08:08:00 +0000

Download PuTTY putty-64bit-0.80-installer.msi

コマンド画面の文字の大きさ変更

Window > Appearance > Font Setting

変更後Session に戻ってSaveする

SSH接続 (coreserver)

キーを作成

coreserverコンパネ > ツール > SSH設定キーを作成

・ID:[core]_rsa（鍵のファイル名になる）
・承認にチェック
・コメント [aaa]（パスワードヒント）
・パスワード [aaa]（秘密鍵変換時、ログイン最後に入力するpassphrase）

秘密鍵をダウンロード

coreserverコンパネ > ツール > ファイルマネージャー

.ssh 内のcore_rsa をダウンロード（拡張子は.html）
※puTTYgenで.ppkに変換する

puTTYでサーバーにSSH接続

Sesstion
・Host Name : v2004.coreserver.jp
・Port : 22
Connection - Data
・Auto-login username : コンパネのユーザー名（ログインID）
Connection - SSH - Auth - Credentials
・Private key file authentication から変換保存した.ppkを選択
Sesstion
・Saved Sessions に名前を付けて Save
Open

コマンド画面でパスワード入力

キー作成時に設定したパスワードを入力（入力しても何も表示されない、カーソルも動かない）

Enter

SSH接続 (xserver)

SSH設定

xserverコンパネ > SSH設定

・[国内からのアクセスのみ許可]をON
・「パスフレーズ」を設定し公開鍵認証用鍵ペア.keyファイルをダウンロード
※puTTYgenで.ppkに変換する（要パスフレーズ） load > .keyを読み込む > Save private key

puTTYでサーバーにSSH接続

Sesstion
・Host Name : サーバーID.xsrv.jp
・Port : 10022
Connection - Data
・Auto-login username : アカウントID
Connection - SSH - Auth - Credentials
・Private key file authentication から変換保存した.ppkを選択
Sesstion
・Saved Sessions に名前を付けて Save
Open

コマンド画面でパスワード入力

以下の文が表示されたらパスフレーズを入力
using username "アカウントID".
Authentication with public key "アカウントID@サーバーID.xsrv.jp"
Passphrase for key "ユーザーネーム@サーバーID.xsrv.jp":

パスフレーズを入力しても何も表示されない、カーソルも動かない

Enter

※Open後何も表示されなかったらxserverコンパネSSH設定から国外アクセス制限を変えてみる

SSH接続 (conoha wing)

秘密鍵をダウンロード

conohaコンパネ > サーバー管理 > SSH > + SSH key

タグネームを付けて保存
.pemをダウンロード

秘密鍵を.pemから.ppkに変換

puTTYgenを起動
[Load].pemを選択（ファイル形式のフィルタを「All Files (*.*)」に変える）
[Save private key] 名前を付けて保存

puTTYでサーバーにSSH接続

Sesstion
・Host Name : www222.conoha.ne.jp
・Port : 8022
Connection - Data
・Auto-login username : 秘密鍵を取得した画面からコピペ
Connection - SSH - Auth - Credentials
・Private key file authentication から変換保存した.ppkを選択
Sesstion
・Saved Sessions に名前を付けて Save
Open

MYSQL コマンドでMySQLデータをインポート

あらかじめしておくこと

・空のデータベースを用意しておく
・sqlファイルをFTPでドメイン直下にアップしておく
・データベースにログインする前にpwdでルートからのディレクトリを把握しておくこと

mysql -u データベースユーザー名 -h データベースホストアドレス -p
※conoha wingのホストアドレスはlocalhostではない

mysql -u xxxxx_dbusrnm -h localhost -p

Enter

パスワード
キーボード操作でもカーソルは動かない。あらかじめコピーしておき右クリックすると張り付く。張り付いても何も表示されない（編集 > 貼り付け<CR>）

Enter
データベースに接続成功するとwelcome出てくる（サーバーによる）

use データベース名
用意しておいた空のデータベース名

use wp_data

Enter

source インポートするsqlファイルのパス 必ずルートからのパスを記述

source /home/coreserverのコンパネID/domains/domain.com/public_html/wp_database.sql

Enter

終了

exit

Enter

その他基本的なコマンド

ディレクトリ移動

public_htmlに移動

cd public_html

上の階層に移動

cd ../

ディレクトリ内のもの表示

ls

今いるディレクトリまでのパス表示

pwd

フォルダ/ファイル削除

オプションの-rは再帰的にという意味。ディレクトリ内最下層から順に削除される。つまりそのディレクトリ内のもの全てという意味。

rm -r foldername

zipの解凍

ディレクトリに移動後その場で展開

unzip wordpress.zip

ファイルの圧縮

.zipとしなくても勝手に.zipで圧縮ファイルが作られる

zip index.zip index.php

これでも同じ結果

zip index index.php

ディレクトリの圧縮

-rをつけないと空のフォルダだけをzipにする

zip -r wp-content.zip wp-content

ファイル・ディレクトリの移動

移動ならFTPからのほうが安全

ひとつ上へ移動

mv readme.txt ../

移動するもの場所と移動先が枝分かれしてる場合は両方が見下ろせる親階層に移動

cd wp-content/themes

footer.phpをtheme2の直下（/.）へ移動。/.を必ずつけること

mv theme1/footer.php theme2/.

ファイル・ディレクトリ名の変更もmv

mv index.php index-bk.php

SSHを使い始めたい開発者のための基本ガイド mvコマンドでファイル(ディレクトリ)名の変更、移動

Sublime Text 4

noreply@blogger.com (Unknown) — Thu, 02 Feb 2023 06:16:00 +0000

Package

package をインストールのための初期設定

Ctrl + Shift + p
[Install Package Control] - Enter

package インストール方法

Ctrl + Shift + p
[Package Control: Install Package] - Enter
Search package name and hit enter

package アンインストール方法

[Package Control: Rmove Package] - Enter
Select package name and hit enter

インストールするpackage

All Autocomplete

他のファイルにあるクラス名を補完する

html5

同じファイル内のクラス名を補完する

Trailing Spaces

スペースを可視化する全角を可視化する設定
Preference > Package Settings > Trailing Spaces > Settings

"trailing_spaces_regexp": "　|"

Preferences > Settings

非表示にする拡張子

"file_exclude_patterns": ["*.jpg","*.png", ".DS_Store", "desktop.ini", "*.psd"],

ダブルクリックでファイルを新しいタブで開く

"preview_on_click": false,

どこまでスクロールすんねん問題

"scroll_past_end": false,

Definitionsのポップアップ非表示

"show_definitions": false,

htmlのauto complete をCtrl + spaceなしで有効にする

"auto_complete_selector": "source, text",

折り返し表示

"word_wrap": "true",

行間をすこし広げる

"line_padding_top": 2,
"line_padding_bottom": 2,

Preferences > Customize Color Scheme...

選択した文字にマッチした文字の枠線の色変更

"globals":
{
  "highlight": "var(white)",
}

javascript内のphp記述エラー背景色変更

"rules":
{
  "name": "Invalid",
  "scope": "invalid",
  "foreground": "var(white2)",
  "background": "var(blue3)"
}

Preferences -> Key Bindings

Sublime Text デフォルトショートカット Atom比較

	Sublime Text	Atom
行の移動	Ctrl + Shift + ↑/↓	Ctrl + ↑/↓
コメントアウト	Ctrl + め	Ctrl + /

ショートカットキーの変更

Default(Winodws).sublime-keymap

Ctrl + Tabの順序を並び順にする

{ "keys": ["ctrl+tab"], "command": "next_view" },
{ "keys": ["ctrl+shift+tab"], "command": "prev_view" }

Ctrl + /（テンキー）でコメントアウト

{ "keys": ["ctrl+keypad_divide"], "command": "toggle_comment", "args": { "block": false } }

Ctrl + ↑/↓で行移動

{ "keys": ["ctrl+up"], "command": "swap_line_up" },
{ "keys": ["ctrl+down"], "command": "swap_line_down" },

View

ミニマップ非表示

View > Hide Minimap

サイドバーのgroupを非表示

View > Side Bar > Hide Open File

分割表示

View > Layout

File

同じファイルを複数タブで開く

タブを右クリック > Split View

File > Split View

同じファイルを分割表示させる場合はView > Layoutで開いたカラムへタブをドラッグ

使い方

サイドバーにフォルダ（プロジェクト）を追加

Project > Add Folder to Project...

サイドバーの表示

View > Side Bar

良い点：ノーブレークスペースが見える

ほかのエディターでは見えないがsublimeでは16進コードで表示される
デフォルトで表示設定 draw_unicode_white_space

<0xa0>

使いづらいサジェスト

CSSのサジェスト補完に文字列(ABC)候補が上に来る
HTMLのサジェスト補完に文字列(ABC)候補が上に来る
phpファイル内のCSSで余計な候補が出る [color,padding]
div.test + Tab で<div class="test"></div>を出したいのにclass名によっては余計な候補がでてきてできない

Ultimate Settings

Preferences > Settings

{
	"file_exclude_patterns": ["*.jpg","*.png","*.mscz","*.pyc", "*.pyo", "*.exe", "*.dll", "*.obj","*.o", "*.a", "*.lib", "*.so", "*.dylib", "*.ncb", "*.sdf", "*.suo", "*.pdb", "*.idb", ".DS_Store", ".directory", "desktop.ini", "*.class", "*.psd", "*.db", "*.sublime-workspace"],
	"preview_on_click": false,
	"scroll_past_end": false,
	"show_definitions": false,
	"auto_complete_selector":"source, text",
	"tab_size": 2,
	"word_wrap": "true",
	"ignored_packages":
	[
		"Vintage",
	],
	"theme": "auto",
	"color_scheme": "Mariana.sublime-color-scheme",
	"font_size": 12,
	"line_padding_top": 2,
	"line_padding_bottom": 2,
}

Preferences > Customize Color Scheme...

// Documentation at https://www.sublimetext.com/docs/color_schemes.html
{
	"variables":
	{
		"black_atom": "hsl(222, 10%, 20%)",
		"orange4": "hsl(32, 60%, 61%)",
		"white4": "hsl(223, 12%, 75%)",
		"grey2": "hsl(220, 9%, 40%)",
        "red3": "hsl(355, 65%, 65%)",
        "red4": "hsl(5, 48%, 50%)",
	},
	"globals":
	{
		"background": "var(black_atom)",
		"highlight": "var(white)",
		"selection_border": "var(white2)",
	},
	"rules":
	[
        //数値色変更
        {
            "name": "Number",
            "scope": "constant.numeric",
            "foreground": "var(orange4)"
        },
        //CSSの単位の色変更
        {
            "name": "Number Suffix",
            "scope": "storage.type.numeric",
            "foreground": "var(orange4)",
            // "font_style": "italic"
        },
        //CSSのカラーコードの色変更
        {
            "name": "User-defined constant",
            "scope": "constant.character, constant.other",
            "foreground": "var(orange4)"
        },
        //CSSの値名の色変更
        {
            "name": "Library constant",
            "scope": "support.constant",
            "foreground": "var(orange4)",
            "font_style": "normal"
        },
        //CSSのプロパティー
        {
            "name": "CSS Properties",
            "scope": "support.type.property-name",
            "foreground": "var(white4)",
            "font_style": "normal"
        },
        //コメントアウト色
        {
            "name": "Comment",
            "scope": "comment, punctuation.definition.comment",
            "foreground": "var(grey2)",
            "font_style": "italic"
        },
        //js内のphp記述
      {
            "name": "Invalid",
            "scope": "invalid",
            "foreground": "var(white2)",
            "background": "var(black_atom)"
        },
        //php tag color
        {
            "name": "Punctuation",
            "scope": "punctuation.section",
            "foreground": "var(red4)"
        },
        //html tag color
        {
            "name": "Tag name",
            "scope": "entity.name.tag",
            "foreground": "var(red3)"
        },

	]
}

Preferences -> Key Bindings

[
	{ "keys": ["ctrl+tab"], "command": "next_view" },
	{ "keys": ["ctrl+shift+tab"], "command": "prev_view" },
	{ "keys": ["ctrl+keypad_divide"], "command": "toggle_comment", "args": { "block": false } },
	{ "keys": ["ctrl+up"], "command": "swap_line_up" },
	{ "keys": ["ctrl+down"], "command": "swap_line_down" },
]

1. hostsファイルを編集

C:\Windows\System32\drivers\etc\hosts

以下の３行を追加

# SublimeText
127.0.0.1 license.sublimehq.com # SublimeText
127.0.0.1 www.sublimetext.com # SublimeText

hostsファイルは直接編集保存できないので一旦デスクトップに移動してから編集

2. HxD でexeファイルを編集

HxD

（HxDを管理者として実行）
sublime_text.exe を開く (C:\Program Files\Sublime Text)
Search > Replace (Ctrl+R)
Hex-valuesタブ

x64

Search for: 4157415656575553B828210000
Replace with: 33C0FEC0C3575553B828210000
OK

Search for: 6C6963656E73652E7375626C696D6568712E636F6D
Replace with: 7375626C696D6568712E6C6F63616C686F73740000
OK

File > Save (Ctrl+S)

3. Sublime Textにライセンスを入力

Help > Enter Licence

---- BEGIN LICENSE ----
You
Unlimited User License
EA7E-81044230
0C0CD4A8 CAA317D9 CCABD1AC 434C984C
7E4A0B13 77893C3E DD0A5BA1 B2EB721C
4BAAB4C4 9B96437D 14EB743E 7DB55D9C
7CA26EE2 67C3B4EC 29B2C65A 88D90C59
CB6CCBA5 7DE6177B C02C2826 8C9A21B0
6AB1A5B6 20B09EA2 01C979BD 29670B19
92DC6D90 6E365849 4AB84739 5B4C3EA1
048CC1D0 9748ED54 CAC9D585 90CAD815
----- END LICENSE -----

VS Code Settings

noreply@blogger.com (Unknown) — Wed, 01 Feb 2023 10:52:00 +0000

Settings

Commonly Used

Editor:Word Wrap

折り返し

Files: Exclude

非表示させる拡張子

**/*.jpg

Text Editor

Editor > Minimap:Enabled

ミニマップ非表示

チェックを外す

Editor > Hover:Enabled

カーソールオーバーでポップアップ無効化

チェックを外す

Editor:ScrollBeyondLastLine

スクロールが最終行を超えて余白ができないようにする

チェックを外す

Editor:Lightbulb: Enalbed

選択行の電球アイコン非表示

off

Editor:Sticky Scroll: Enabled

親要素が上部に固定される機能無効化

チェックを外す

Workbench

Editor Management > Enable Preview

ファイルを新しいタブで開く

チェックを外す

Workbench: Startup Editor

エディター起動時の初期ページ

none

Breadcrumbs > Enabled

ファイルのパンくずナビ非表示

チェックを外す

Extensions

PHP > validate: Enable

エディター起動時のphp validateエラーがでないようにする

none

CSS > Lint: Empty Rules

css空でもエラーwarningがでないようにする　例：div {}　

ignore

Emmet: Exclude Language

cssの余計なサジェスト補完を無効にする

Add Item で cssを追加

Preferences: Open Keyboard Shortcuts (JSON)

css値が空のエラーを制御する設定はない　jsonでも"css.lint.propertyValueExpected"を認識しない。例：color:;

邪魔なCSSエラーチェック機能無効化

"css.validate": false

ファイルタブ切替時プロジェクトツリー内がアクティブのファイルの位置に移動するのを無効化

"explorer.autoReveal": false

Keyboard Shortcuts

かぶってるショートカットを右クリック[Remove keybinding]で削除
目的のショートカットに割当

VS code デフォルトショートカット Atom比較

	VS Code	Atom
選択した行の複製* Copy Line Down	Alt + Shift + ↓	Ctrl + Shift + D
文字の置き換え	Ctrl + H	Ctrl + Shift + F
選択行の移動* Move Line Up/Down	Alt + ↑/↓	Ctrl + ↑/↓
次のタブ* View:Open Next Editor	Ctrl + PageDown	Ctrl + Tab
前のタブ* View:Open Previous Editor	Ctrl + Shift + PageUp	Ctrl + Shift + Tab
コメントアウト* Toggle Line Comment	Ctrl + め	Ctrl + / NumPad_Divide
Workspace切り替え File: Open Recent...	Ctrl + R	Shift + Shift + P (project manager)
ファイル検索 File: Open Recent...	Ctrl + P	Ctrl + P Ctrl + T

*変更済み

keybindings.jsonからショートカットを変更する場合

View > Command Pallete(Ctrl + Shift + P) > Preferences: Open Keyboard Shortcuts (JSON)

//tab切り替え
[
    {
        "key": "ctrl+tab",
        "command": "workbench.action.nextEditor"
    },
    {
        "key": "ctrl+shift+tab",
        "command": "workbench.action.previousEditor"
    }
]

+の前後はスペースなし

Extensions Ctrl + Shift + X

HTML to CSS autocompletion

HTMLで使われてるCSSのclass名をCSSファイル内で補完

Atom One Dark Theme by Mahmoud Ali

Atom風のテーマ:選択された文字列状態わかりづらいため、選択ハイライトhighlight-icemodeもセットでインストール
タブ選択状態の色がわかりづらいためテーマjsonを編集

C:\Users\<ユーザー名>\.vscode\extensions\akamud.vscode-theme-onedark-2.3.0\themes.OneDark.json

"editorGroupHeader.tabsBackground":"#3a3f4b",// Originally #21252b
"tab.inactiveBackground":"#3a3f4b",
"tab.selectedBorderTop":"#6caddf",

City Lights Icon package

ファイルアイコン

highlight-icemode

ワード選択時に同じワードをハイライトさせる

Git Graph

sourcetreeのようなローカルにある全てのブランチの樹形図を表示できる

AI Settings - Github Copilot

Auto Completionsを無効化

Auto Completionsの全て

チェックを外す

使いづらい点

・htmlファイル内ではcssの補完サジェストが出るのにphpファイルの中でcssの補完サジェストがでない
・html側で使ってるclass名のサジェスト出ない
・gitファイルの変更状態の色変化の反応が遅い

grid-column / grid-row

noreply@blogger.com (Unknown) — Mon, 30 Jan 2023 08:14:00 +0000

grid-column: 1 / 4;

html

<div>
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
  <div>7</div>
</div>

css

div{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
div div:first-child{
  grid-column:1 / 4;
}

1 :first-child{grid-column:1 / 4;}

grid-row: 1 / 4;

div{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
div div:first-child{
  grid-row:1 / 4;
}

1 :first-child{grid-row:1 / 4;}