Category: ‘ 技術 ’ - 58 posts

AndroidのChromeを開発者モードでパソコンから操作・検証(Chromeタブ一覧も取得可能)

たまに開きすぎたスマホのタブの一覧を取得するのに今回の方法でPCと接続しているのだけど、たまにしかやらない上によく接続に失敗し、その度に調べる~というのを繰り返していたので、同じ過ち防止のためのメモ。

ついでにサイトのデバッグ方法までを記載。

続きを読む »

[Mac & Win] XAMPPなどのローカルWEB環境を別ネットワークからも参照できるように外部公開できる「ngrok」が超絶便利

ローカル環境で色々と作業をしているとChromeデベロッパーツールではなくスマホの実機で挙動を確認したくなる場面がちょいちょいある。

同一ネットワークに繋げることができる環境にあればIPアドレスでアクセスして終わりなのだが、それが出来ない環境でこの方法が役に立つ。

続きを読む »

xampp と同様のLAMP環境を Docker で構築する

GitHubにアップしてある Docker-LAMP をローカルにダウンロードして docker-compose コマンドを実行すると xampp 同様の環境を構築することができます。具体的にはwebサーバー(nginx)とphpMySQLphpMyAdmin が使えるようになります。

Docker は xampp と比べると初期の準備にも多少時間かかるしコマンド打つしで若干めんどくさい感じはあるけど、最近のモダンで多種多様な環境構築もできるし Qiita 等の記事も多い。Mac – Windows間や複数者間でも気軽に同環境を構築可能などメリットも多いので、脱xamppを検討している人や Docker を触ったことが無い人で興味がある人なんかはこれを機に Docker に触れてみることをおすすめします。

続きを読む »

[Win] Docker を Windows で使えるようにする

ローカルでWEB開発環境を構築する際、今まで xampp を使うことが多かったけど、最近は Docker の方が都合良かったり必要環境準備の記事が多かったりするので、初期のインストール手順についてまとめてみました。

【メモ】xampp のようなWEB開発環境のことを LAMP(ランプ) と呼んだりする(Linux・Apache・MySQL・PHP が揃った環境)

続きを読む »

[Mac & Win][デザイナー向け] TinyPNGのような画像圧縮/画像軽量化環境をPCローカルで構築する(自動処理&サブディレクトリも対応)

みんな大好きオンライン高性能画像圧縮(画像軽量化)サービス「TinyPNG」。便利だけど一度にアップ処理できる枚数が20枚や5MBまで、対象画像ファイルがPNG・JPEGだけという制限があり、用途よってはちょっと使いにくさが出てくる。※Pro版を考慮しない場合の話

そんな時に使えるローカル画像圧縮環境のご紹介。慣れるとサクッと用意出来ちゃいます。ソーシャルゲーム系でもWeb系でも、業界問わずで画像を扱う機会が多い人にはオススメな内容。

続きを読む »
1 2 3 4 5 6