プログラミング

【脱jQuery】JavaScriptだけで要素のtop, leftを取得・設定する方法

jQueryのoffsetメソッドをJavaScriptだけで実装する方法をまとめました。 top, leftの取得 jQuery const left = $('#hoge').offset().left; const top = $('#hoge').offset().top; JavaScript const rect = document.getElementById('hoge').ge...

2020.04.07

JavaScript

macOSのGitでLibreSSL SSL_connect: SSL_ERROR_SYSCALLが発生した場合の対処法

現象先日、git pullしたところ以下のエラーが出た。 fatal: unable to access リポジトリURL: LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to ドメイン名:443 対処法 PC再起動で治る。原因原因はよくわからないが、macOs Catalinaにアップデートしたことと、カスペルスキーのセキュリテ...

2020.04.05

Git

Gitでプロジェクト毎にユーザー名、メールアドレスを変更する方法

概要 --globalオプションを付けずに、git configコマンドを実行すればよい。 git configコマンド git config user.name "hoge" git config user.name "hoge@example.com" 上記コマンドを実行すると、.git/configに以下の内容が追記される。（コマンドを使わずに、ファイルを直接編集してもよい） .git/co...

2020.04.03

Git

【Swift】オプショナルとは？アンラップとは？

オプショナルとは nilが入る可能性のあるデータ型のこと。データ型の後ろに?を付けるとオプショナル型となる。(データ型の後ろに!を付ける暗黙的アンラップ型というものもあるが、使うことは少ないのでここでは触れない) var hoge1: Int? var hoge2: String? アンラップとはオプショナルから値を取り出すこと。オプショナル型の変数の後ろに!を付けるとアンラップされる。中身がn...

2020.03.31

Swift

【Swift】コードフォーマットのショートカットキー

command + Aで全て選択したの後にCtrl + i

2020.03.30

Swift

【Swift】WKWebViewの使い方

import WebKitを記述WKNavigationDelegateを継承するviewDidLoadに以下を追加インスタンス.navigationDelegate = selfインスタンス.load(URLRequest(url: URL(string: "メソッドを定義func webView(_ webView: WKWebView, didFinish navigation: WKNav...

2020.03.29

Swift

【WordPress】media_handle_upload関数で複数ファイルをアップロードする方法

<input type="file" name="hoge[]" multiple>上記HTMLの場合、以下の処理で複数ファイルをメディアライブラリに登録することができる。 $files = $_FILES; foreach ($files as $key => $value) { if ($files) { $_FILES = ["my_file" => [ 'name' => $files, ...

2020.03.26

WordPress

【WordPress】PHPプログラムからAdvanced Custom Fieldsの繰り返しフィールドに値を保存する方法

データベースへの保存方法 update_post_meta関数を使う。 update_post_meta(投稿ID, 繰り返しフィールドのフィールド名, サブフィールドの件数);update_post_meta(投稿ID, 繰り返しフィールドのフィールド名_連番_サブフィールドのフィールド名, データ);※連番は0から始まるサンプル繰り返しフィールドのフィールド名がitems、サブフィールドの...

2020.03.17

WordPress

【脱jQuery】JavaScriptだけでイベント処理を行う

ページ読み込み完了時に処理を実行する jQuery $(document).ready(eventHandler); // または $(document).ready(() => { // 処理 ); JavaScript document.addEventListener('DOMContentLoaded', eventHandler); // または document.addEventLis...

2020.03.14

JavaScript

【脱jQuery】JavaScriptだけでAJAX通信を行う

概要脱jQueryのためのメモ。 Fetch APIを使うとXMLHttpRequestよりも簡単に処理を記述することができる。ただし、IEは非対応であるため、polyfillを使ってトランスパイルする必要がある。polyfillにはnpmのwhatwg-fetchパッケージを使う。 jQuery $('#hoge').load(url, completeCallback); JavaScrip...

2020.03.13

JavaScript