Skip to content

Instantly share code, notes, and snippets.

View az1979's full-sized avatar

Kazuki Azumi az1979

View GitHub Profile
@az1979
az1979 / wordpress-stylish-list.css
Last active December 16, 2017 03:04
WordPressのリストをCSSで綺麗に表示する
.entry-content ul {
counter-reset:list;
list-style-type:none;
font-size: 14px;
}
.entry-content ul li {
position:relative;
color: #fff;
padding: 5px 5px 5px 30px;
margin: 7px 0;
@az1979
az1979 / package.json
Created October 1, 2017 05:16
2017/10/1 現在のpackage.json設定部分
"babel": {
"presets": [
"react",
"env"
],
"plugins": [
"transform-async-to-generator",
[
"transform-runtime",
{
@az1979
az1979 / drawer-menu.css
Last active September 17, 2017 05:30
Reactで作るドロワーメニューCSS
.drawer-menu {
width: 250px;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
background: #fff;
box-shadow: 8px 0 8px -8px #666 inset;
padding: 24px 16px;
@az1979
az1979 / drawer-menu.jsx
Last active September 17, 2017 04:24
Reactで作るドロワーメニューJSX
import { VelocityComponent, VelocityTransitionGroup } from 'velocity-react';
// ドロワーメニューのコード部分
<nav>
<VelocityComponent
animation={{ translateX: this.props.menuDrawerActive ? 0 : -250 }}
duration={300}
>
<div className="drawer-menu">
// extension-js.js
export default class ExtensionJs {
constructor() {
console.log('ExtensionJs');
}
}
// extension-jsx.jsx
export default class ExtensionJsx {
constructor() {
@az1979
az1979 / createDatabaseTable.php
Last active April 14, 2017 17:58
WordPressプラグイン作成 - データベース テーブル作成
<?php
public function createDatabaseTable()
{
global $wpdb;
$charsetCollate = $wpdb->get_charset_collate();
$sql = "CREATE TABLE {$this->tableName} (
id VARCHAR(8) NOT NULL,
datetime_register DATETIME DEFAULT CURRENT_TIMESTAMP NOT NULL,
@az1979
az1979 / optionPackage.php
Last active April 14, 2017 17:57
WordPressプラグイン作成 - パッケージ読み込み
<?php
public function optionPackage($hook)
{
if ($hook === 'settings_page_your-plugin') {
wp_deregister_script('jquery');
wp_enqueue_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js', array(), '3.2.1');
wp_enqueue_style('bootstrap', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css', array(), '3.3.7');
wp_enqueue_script('bootstrap', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js', array(), '3.3.7');
}
@az1979
az1979 / .editorconfig
Created March 29, 2017 07:48
EditorConfigのサンプル
root = true
[*]
end_of_line = lf
charset = utf-8
indent_style = space
indent_size = 2
trim_trailing_whitespace = true
insert_final_newline = true
@az1979
az1979 / .eslintrc.json
Last active January 4, 2018 09:57
Reactが動作するサンプルプロジェクトの.eslintrc.json
{
"env": {
"browser": true,
"commonjs": true,
"es6": true
},
"parserOptions": {
"ecmaVersion": 2017,
"sourceType": "module",
"ecmaFeatures": {
@az1979
az1979 / webpack.config.js
Last active January 4, 2018 09:59
Reactが動作するサンプルプロジェクトのwebpack.config.js
const webpack = require('webpack');
const path = require('path');
// 環境を記述 development or production
const env = 'development';
const config = {
entry: './entry.jsx',
output: {
path: path.join(__dirname, '/dist'),