Skip to content

Instantly share code, notes, and snippets.

View kght6123's full-sized avatar
🗾
from Japan.

kght6123 kght6123

🗾
from Japan.
6 followers · 6 following
View GitHub Profile
@kght6123
kght6123 / scroll-top.js
Last active July 2, 2018 13:36
スクロール内のオブジェクトについて、選択されたオブジェクトをスクロールの一番上に表示する。
// スクロール内の指定したセレクタの位置まで、スクロールする関数
function scrollTopPointingSelector(_scrollSelector, _pointingSelector)
{
var $pointingEl = $(_pointingSelector);
var $scrollEl = $(_scrollSelector);
if($pointingEl.length > 0 && $scrollEl.length > 0) {
// 指定されたセレクタが存在する場合に、指定位置までスクロールする
var pointObjOffsetTop = $pointingEl.offset().top;
var scrollObjOffsetTop = $scrollEl.offset().top;
@kght6123
kght6123 / functions.php
Last active July 15, 2018 01:03
kght6123.work/blog/の子テーマのサンプルソース（親テーマはTwenty Sixteen、Gistと全体をダークテーマに変更）
<?php
function theme_enqueue_styles() {
// 親CSSの読み込み
wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css' );
// 親CSSを継承して、子CSSの読み込み
wp_enqueue_style('child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style'));
}
// テーマスタイル読み込みアクションをスクリプトキューに追加
add_action('wp_enqueue_scripts', 'theme_enqueue_styles');
@kght6123
kght6123 / jquery-exists.js
Created July 2, 2018 13:49
Selector実行結果が存在するか判定します
/**
* jQueryのSelector実行結果が存在するか判定する
* [例]
* if ($("#id").exists()) {
* // #idが存在するとき
* }
*/
jQuery.fn.exists = function(){return Boolean(this.size() > 0);}
jQuery.fn.notExists = function(){return !this.exists();}
@kght6123
kght6123 / micro-interaction.html
Created July 2, 2018 14:28
マイクロインタラクション（ログインボタンだけですが、、、）を注目度Upの為に勉強しました。
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Micro Interaction - Main -</title>
<meta name="description" content="Micro Interaction Main Screen.">
<meta name="author" content="Koga">
<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=0.5,user-scalable=yes,initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.css">
@kght6123
kght6123 / TimestampUtil.java
Created July 2, 2018 14:45
#Java でナノ秒を扱う最善の方法を探る
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Timestamp;
import java.text.MessageFormat;
import java.text.ParseException;
import java.util.Date;
@kght6123
kght6123 / jheapdump.bat
Created July 5, 2018 21:26
@echo off
SET /P "NAME=名前を入力してください>"
SET /P "PID=PIDを入力してください>"
C:\java\7\jdk1.7.0_67\bin\jmap.exe "-dump:format=b,file=%~dp0\heapdump-%PID%-%NAME%.hprof" %PID%
rem C:\java\7\jdk1.7.0_67\bin\jmap.exe "-F" "-dump:format=b,file=%~dp0\heapdump-%PID%-%NAME%.hprof" %PID%
@echo on
@kght6123
kght6123 / CookieUtil.java
Last active July 6, 2018 11:17
/**
* Cookieへ値を保存する
*
* @param key
* @param value
* @param response
* @param logger
*/
public static void saveCookie
(
@kght6123
kght6123 / ie11-grid-repeat.css
Last active July 8, 2018 05:00
.app {
grid-template-rows: 45px repeat(3, 1fr); /* 縦幅 */
-ms-grid-rows: 45px (1fr)[3];/* IE11は[]でrepeatを指定 */
grid-template-columns: 200px repeat(2, 1fr); /* 横幅 */
-ms-grid-columns: 200px (1fr)[2];/* IE11は[]でrepeatを指定 */
}
@kght6123
kght6123 / ie11-grid-fitcontent.css
Created July 8, 2018 05:02
.app {
grid-template-rows: 45px fit-content(50vw);
-ms-grid-rows: 45px minmax(min-content, max-content);/* IE11はminmax＋max-widthで、fit-contentを指定 */
grid-template-columns: 200px fit-content(50vw);
-ms-grid-columns: 200px minmax(min-content, max-content);/* IE11はminmax＋max-widthで、fit-contentを指定 */
}
.app [role=main11] {
max-width: 50vw;/* IE11のmax-width */
}
@kght6123
kght6123 / clean-and-update-homebridge.sh
Created July 8, 2018 08:11
# RaspberryPiにsshログイン
# キャッシュを全て削除
$ rm -R .homebridge/accessories/
$ rm -R .homebridge/persist/
$ rm -R .homebridge/plugin-persist/
# ついでに最新バージョンを確認
$ sudo npm outdated -g
Package Current Wanted Latest Location