Engineer

Engineer

When for some reason you cannot deploy to Xserver with GitHub Actions

Github actionsでnpm buildしてからXserverへ自動デプロイするようなフローを記述したのですが、なぜかsshがうまく行っていませんでした。XserverのSSH設定を見てみたところ、「国内からのアクセスのみ許可」がO...
WordPress

【初心者向け】.htaccessファイルの読み方・書き方

Webサイトを制作していると、.htaccessというファイルを一度は耳にしたことがあるのではないでしょうか?でも、プログラミングなんてよくわからないし、ググった検索結果をコピペして動けばいいや!と思っていませんか?今回はそんな方のために、...
Engineer

MonacaのInAppBrowserが動かないときの対処法(Vue.jsの場合)

ドキュメントを読んでみると以下のように書いてあって、これをmain.jsに書いたら上手くできました!document.addEventListener("deviceready", onDeviceReady, false);functio...
Engineer

【朗報!】Web上のストリーミング動画をダウンロードする方法

Webサイトに動画が埋め込まれている際に、動画をダウンロードしようとすると、右クリックで簡単にダウンロードできるデベロッパーツールを開いてURLを判別するといったやり方が通じる場合は良いですが、ストリーミング動画の場合はそれが上手くいきませ...
Engineer

【Onsen UI】ons-tabbarの下に余白ができてしまう時の対処法

iOS・Androidアプリ開発で便利なOnsen UI。これを使えば、iOSとAndroidのアプリを1つのソースコードで開発することができます!ただ、スマホのOSが新しくなった際に、それに対応するための施策を行う必要がある場合もあって、...
Engineer

[No plugins!] How to fit and resize text to a single line perfectly within the container width

For example, when you want to make a single line fit within the container width without line breaks, you can use CSS units like vw, vh, vmin, or vmax to automatically fit and resize based on the device width, right? But for instance, if you want to use that part on other pages or if the character count changes dynamically...
Engineer

【これは知らなかった】レスポンシブデザインの2022年のブレークポイント事情とは?

ホームページやLPを発注する際に、「レスポンシブはどうしますか?」と訊かれたことはありませんか?コーダーにとっては当たり前のレスポンシブデザインですが、Web担当者や経営者の方で、この手の知識がなければコーディングする人にどのように指示して...
Engineer

WebサイトにYouTubeの「最新動画」を埋め込む方法

ホームページ制作をしていると、よくYouTubeの埋め込みをそのホームページ内にすることが多いかと思います。ただ、普通のYouTube動画の埋め込みは、その動画の埋め込みのみで、最新動画を自動的に埋め込めるようにするにはどうすればいいか、知...
Engineer

LPのような長いWebページを1枚の画像で保存したい時、Vivaldiブラウザなら超簡単にできます!

LPのような縦に長いWebページを画像として保存したい時、皆さんはどうしてますか?「Chromeの拡張機能を使ってるよー」という方もいらっしゃると思います。しかし、拡張機能の中には、キャプチャできるページの最大の長さが決まっていたりして、上...
Engineer

URLをシェアした時のサムネイル画像は、自分で設定できます!

LPやホームページのURLをSNSでシェアしたい時に、・アイキャッチ画像が表示されるもの・文字しか表示されないものがあると思います。なぜ画像が表示されるものとされないものがあるのか、不思議に思いませんか?実は、URLをシェアしたときの、・サ...
Engineer

git-ftpでリモートの変更ファイルをローカルにダウンロードする方法

git-ftp downloadこれで、リモートの変更ファイルをローカルにダウンロードできます。上手くできない時は以下のようなエラーが出るときがあります。cd: 致命的エラー: Certificate verification: unabl...
Engineer

git-ftpで特定のブランチの変更をアップロードする方法

git-ftpを使っていて、特定のブランチの変更を一時的にアップロードしてサーバで確認したい時、以下のコマンドを打てば、ブランチの差分だけアップロードできます。git-ftp push -b ブランチ名メインブランチに戻したい時は、以下のコ...