Category Archives: 未分類

Mac Magic Trackpad2 が反応しない(クリックしてもカチっという反応がない)とか、ピンチでズームできないなどの対応

最近Magic Trackpad2の調子がおかしいのがきになっていろいろ試して対応しているのでメモ&シェア

クリック時のカチっという反応がない。

クリック時の反応が全くなくなりました。(サイレントモード有無どちらでも).
→Shift + Option を押しながら、メニューバーのBluetoothアイコンをクリックし、[デバッグ] > [すべての接続中のAppleデバイスを出荷状態にリセット]

ピンチアウトでのズームが反応しない

  • トラックパッドの環境設定で、拡大縮小(2本指でピンチ)のチェックを外して再度つける
  • Terminarで、以下のコマンドを実行
$ killall Dock

wgetコマンドメモ。

wgetコマンドメモ。

//基本
$ wget {URL}
//深さ-r 再帰的 , l1は深さ
$ wget -r -l1 {URL}
//標準出力へ
$ wget -O - {URL}
//ダウンロード間隔
$ wget -r -l1 -w3 {URL}
//拡張子指定
$ wget -r -l1 -A jpg,png,gif,svg {URL}
//拡張子除外
$ wget -r -l1 -R jpg,png,gif,svg {URL}
//親ディレクトリを外す(not parent)
$ wget -r -np http://example.com/camera

IE11のSVG背景画像のバグ

IE11のSVG背景画像のバグ

IE11の背景にSVG画像を設定すると位置がおかしかったり、サイズがおかしい場合の対応方法。
(background-size , background-positionが効かない)

以下の属性をsvg画像に追加する。

  • preserveAspectRatio=“xMinYMid”
  • width=“実際の幅”
  • height=“実際の高さ”

指定前

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 504.53 3.78"><defs><style>.cls-1{fill:none;stroke:#eb6400;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.78px;stroke-dasharray:1.26 10.07;}</style></defs><title>product-ttl-boder_1</title><g id="レイヤー_2" data-name="レイヤー 2"><g id="text"><line class="cls-1" x1="1.89" y1="1.89" x2="502.64" y2="1.89"/></g></g></svg>

指定後

<svg preserveAspectRatio="xMinYMid" width="504.53" height="3.78" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 504.53 3.78"><defs><style>.cls-1{fill:none;stroke:#eb6400;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.78px;stroke-dasharray:1.26 10.07;}</style></defs><title>product-ttl-boder_1</title><g id="レイヤー_2" data-name="レイヤー 2"><g id="text"><line class="cls-1" x1="1.89" y1="1.89" x2="502.64" y2="1.89"/></g></g></svg>

HTML/CSSマークアップ(コーディング)ワークフロー最速化の検討

HTML/CSSマークアップ(コーディング)ワークフロー最速化の検討

もっと効率化を測れないかを、いつもクライアント事業フローを見るように自分自身を見たことないなと改めて効率化を考えてみることにしました。

大まかな今のフロー

  1. 入稿(イラレ多し
  2. テキスト抽出(イラレで手作業)
  3. 画像スライス(イラレでアセットの書き出し,svgとpng)
  4. 画像のトリミング(PhotoShop)
  5. 一部画像のJPEG/GIF化(Th-MakerX)
  6. 画像の最適化(ImageOptim)
  7. HTMLマークアップ(PhpStorm/SublimeText)
  8. CSSスタイリング(sass記法+laravel-mix)

できそうな所。

  • 2はスクリプト or ショートカットでできそう。
  • 4〜5は自作アプリで自動化したい。+6へ自動で引き渡したい。

HTMLコーディング確認用の簡易WebサーバーをElectronで作ってみました。

HTMLコーディング確認用の簡易WebサーバーをElectronで作ってみました。

Web制作で非エンジニアのマークアップエンジニア、Webデザイナー/ディレクターさんなどが簡単に使えるWebサーバーを作ってみました。

サイトのルートのフォルダを選ぶだけの簡単なものです。
画像のパスなどがあれ、<img src="/img/xxx.jpg"> などになっている場合及び、スマホ実機でのテストなどでつかえます。

■yapache
https://github.com/yamaaaaaa/yapache

1.起動

1.起動
1.起動

2.SELECTを押して、サイトのルートを選択

2.選択
2.選択

3.スマホでの確認はQRコードをスキャン

QRコード
QRコード

■yapache
https://github.com/yamaaaaaa/yapache

WordPressの親テーマと子テーマについてざっくりとした説明の図を作りました。

WordPressの親テーマと子テーマについてざっくりとした説明の図を作りました。

簡単にいうと、親テーマの機能を継承するしくみ。
有料テーマの更新などでの先祖返りを防いだり、グループ企業でカラーリング/雰囲気を変えたいときなど便利

01
01
02
02
03
03

素のCSSを、SASS(SCSS)記法の.sassファイルに変換する。(mac/ターミナル利用)

素のCSSを、SASS(SCSS)記法の.sassファイルに変換する。(mac/ターミナル利用)

メモ。sass-convertコマンドで可

$ sass-convert 元ファイル名.css 新しいファイル名.sass
$ sass-convert 元ファイル名.css 新しいファイル名.scss

インストール

$ sudo gem install sass -n /usr/local/bin/

karabiner elements でキーのリマップでカーソルキー設定

karabiner elements でキーのリマップでカーソルキー設定

キーボードホームポジションでカーソルキー上下左右を操作したい。
以下のようにカスタム設定したJSONを配置。(今回はkarabiner.json)

title
title

内容を記載して、ComplexModificationsでAdd ruleを選ぶとルールが追加されているはずなので、追加。

以下はその karabiner.jsonの内容

{
    "global": {
        "check_for_updates_on_startup": true,
        "show_in_menu_bar": true,
        "show_profile_name_in_menu_bar": false
    },
    "profiles": [
        {
            "complex_modifications": {
                "parameters": {
                    "basic.simultaneous_threshold_milliseconds": 10,
                    "basic.to_delayed_action_delay_milliseconds": 100,
                    "basic.to_if_alone_timeout_milliseconds": 1000,
                    "basic.to_if_held_down_threshold_milliseconds": 500
                },
                "rules": [
                    {
                        "description": "コマンドキーを単体で押したときに、英数・かなキーを送信する。(左コマンドキーは英数、右コマンドキーはかな) (rev 3)",
                        "manipulators": [
                            {
                                "from": {
                                    "key_code": "left_command",
                                    "modifiers": {
                                        "optional": [
                                            "any"
                                        ]
                                    }
                                },
                                "parameters": {
                                    "basic.to_if_held_down_threshold_milliseconds": 100
                                },
                                "to": [
                                    {
                                        "key_code": "left_command",
                                        "lazy": true
                                    }
                                ],
                                "to_if_alone": [
                                    {
                                        "key_code": "japanese_eisuu"
                                    }
                                ],
                                "to_if_held_down": [
                                    {
                                        "key_code": "left_command"
                                    }
                                ],
                                "type": "basic"
                            },
                            {
                                "from": {
                                    "key_code": "right_command",
                                    "modifiers": {
                                        "optional": [
                                            "any"
                                        ]
                                    }
                                },
                                "parameters": {
                                    "basic.to_if_held_down_threshold_milliseconds": 100
                                },
                                "to": [
                                    {
                                        "key_code": "right_command",
                                        "lazy": true
                                    }
                                ],
                                "to_if_alone": [
                                    {
                                        "key_code": "japanese_kana"
                                    }
                                ],
                                "to_if_held_down": [
                                    {
                                        "key_code": "right_command"
                                    }
                                ],
                                "type": "basic"
                            }
                        ]
                    },
                    {
                        "description": "ctrl + k -> up_arrow",
                        "manipulators": [
                            {
                                "from": {
                                    "key_code": "k",
                                    "modifiers": {
                                        "mandatory": [
                                            "control"
                                        ],
                                        "optional": [
                                            "any"
                                        ]
                                    }
                                },
                                "to": [
                                    {
                                        "key_code": "up_arrow"
                                    }
                                ],
                                "type": "basic"
                            },
                            {
                                "from": {
                                    "key_code": "j",
                                    "modifiers": {
                                        "mandatory": [
                                            "control"
                                        ],
                                        "optional": [
                                            "any"
                                        ]
                                    }
                                },
                                "to": [
                                    {
                                        "key_code": "down_arrow"
                                    }
                                ],
                                "type": "basic"
                            },
                            {
                                "from": {
                                    "key_code": "f",
                                    "modifiers": {
                                        "mandatory": [
                                            "control"
                                        ],
                                        "optional": [
                                            "any"
                                        ]
                                    }
                                },
                                "to": [
                                    {
                                        "key_code": "right_arrow"
                                    }
                                ],
                                "type": "basic"
                            },
                            {
                                "from": {
                                    "key_code": "b",
                                    "modifiers": {
                                        "mandatory": [
                                            "control"
                                        ],
                                        "optional": [
                                            "any"
                                        ]
                                    }
                                },
                                "to": [
                                    {
                                        "key_code": "left_arrow"
                                    }
                                ],
                                "type": "basic"
                            }
                        ]
                    }
                ]
            },
            "devices": [],
            "fn_function_keys": [
                {
                    "from": {
                        "key_code": "f1"
                    },
                    "to": {
                        "consumer_key_code": "display_brightness_decrement"
                    }
                },
                {
                    "from": {
                        "key_code": "f2"
                    },
                    "to": {
                        "consumer_key_code": "display_brightness_increment"
                    }
                },
                {
                    "from": {
                        "key_code": "f3"
                    },
                    "to": {
                        "key_code": "mission_control"
                    }
                },
                {
                    "from": {
                        "key_code": "f4"
                    },
                    "to": {
                        "key_code": "launchpad"
                    }
                },
                {
                    "from": {
                        "key_code": "f5"
                    },
                    "to": {
                        "key_code": "illumination_decrement"
                    }
                },
                {
                    "from": {
                        "key_code": "f6"
                    },
                    "to": {
                        "key_code": "illumination_increment"
                    }
                },
                {
                    "from": {
                        "key_code": "f7"
                    },
                    "to": {
                        "consumer_key_code": "rewind"
                    }
                },
                {
                    "from": {
                        "key_code": "f8"
                    },
                    "to": {
                        "consumer_key_code": "play_or_pause"
                    }
                },
                {
                    "from": {
                        "key_code": "f9"
                    },
                    "to": {
                        "consumer_key_code": "fastforward"
                    }
                },
                {
                    "from": {
                        "key_code": "f10"
                    },
                    "to": {
                        "consumer_key_code": "mute"
                    }
                },
                {
                    "from": {
                        "key_code": "f11"
                    },
                    "to": {
                        "consumer_key_code": "volume_decrement"
                    }
                },
                {
                    "from": {
                        "key_code": "f12"
                    },
                    "to": {
                        "consumer_key_code": "volume_increment"
                    }
                }
            ],
            "name": "Default profile",
            "selected": true,
            "simple_modifications": [],
            "virtual_hid_keyboard": {
                "country_code": 0
            }
        }
    ]
}