エンジニア Github actionsでXserverになぜかデプロイできない時
Github actionsでnpm buildしてからXserverへ自動デプロイするようなフローを記述したのですが、なぜかsshがうまく行っていませんでした。XserverのSSH設定を見てみたところ、「国内からのアクセスのみ許可」がO...
エンジニア
エンジニア 
Wordpress 【初心者向け】.htaccessファイルの読み方・書き方
Webサイトを制作していると、.htaccessというファイルを一度は耳にしたことがあるのではないでしょうか？でも、プログラミングなんてよくわからないし、ググった検索結果をコピペして動けばいいや！と思っていませんか？今回はそんな方のために、...
エンジニア MonacaのInAppBrowserが動かないときの対処法(Vue.jsの場合)
ドキュメントを読んでみると以下のように書いてあって、これをmain.jsに書いたら上手くできました！document.addEventListener("deviceready", onDeviceReady, false);functio...
エンジニア 【朗報！】Web上のストリーミング動画をダウンロードする方法
Webサイトに動画が埋め込まれている際に、動画をダウンロードしようとすると、右クリックで簡単にダウンロードできるデベロッパーツールを開いてURLを判別するといったやり方が通じる場合は良いですが、ストリーミング動画の場合はそれが上手くいきませ...
エンジニア 【Onsen UI】ons-tabbarの下に余白ができてしまう時の対処法
iOS・Androidアプリ開発で便利なOnsen UI。これを使えば、iOSとAndroidのアプリを１つのソースコードで開発することができます！ただ、スマホのOSが新しくなった際に、それに対応するための施策を行う必要がある場合もあって、...
エンジニア 【プラグインなし！】コンテナの幅に文字をピッタリ１行にフィット・リサイズさせる方法
例えば、ここの１行を改行させずにコンテナの幅に収めたい時、CSSのvw・vh・vmin・vmaxなどを使えば、端末の幅によって自動でフィット＆リサイズしてくれますよね。でも、例えばその部分を他のページで使用したり、文字数が動的に変わる場合は...
エンジニア 【これは知らなかった】レスポンシブデザインの2022年のブレークポイント事情とは？
ホームページやLPを発注する際に、「レスポンシブはどうしますか？」と訊かれたことはありませんか？コーダーにとっては当たり前のレスポンシブデザインですが、Web担当者や経営者の方で、この手の知識がなければコーディングする人にどのように指示して...
エンジニア WebサイトにYouTubeの「最新動画」を埋め込む方法
ホームページ制作をしていると、よくYouTubeの埋め込みをそのホームページ内にすることが多いかと思います。ただ、普通のYouTube動画の埋め込みは、その動画の埋め込みのみで、最新動画を自動的に埋め込めるようにするにはどうすればいいか、知...
エンジニア LPのような長いWebページを1枚の画像で保存したい時、Vivaldiブラウザなら超簡単にできます！
LPのような縦に長いWebページを画像として保存したい時、皆さんはどうしてますか？「Chromeの拡張機能を使ってるよー」という方もいらっしゃると思います。しかし、拡張機能の中には、キャプチャできるページの最大の長さが決まっていたりして、上...
エンジニア URLをシェアした時のサムネイル画像は、自分で設定できます！
LPやホームページのURLをSNSでシェアしたい時に、・アイキャッチ画像が表示されるもの・文字しか表示されないものがあると思います。なぜ画像が表示されるものとされないものがあるのか、不思議に思いませんか？実は、URLをシェアしたときの、・サ...
エンジニア git-ftpでリモートの変更ファイルをローカルにダウンロードする方法
git-ftp downloadこれで、リモートの変更ファイルをローカルにダウンロードできます。上手くできない時は以下のようなエラーが出るときがあります。cd: 致命的エラー: Certificate verification: unabl...
エンジニア git-ftpで特定のブランチの変更をアップロードする方法
git-ftpを使っていて、特定のブランチの変更を一時的にアップロードしてサーバで確認したい時、以下のコマンドを打てば、ブランチの差分だけアップロードできます。git-ftp push -b ブランチ名メインブランチに戻したい時は、以下のコ...