オンラインでビデオファイルのサイズを無料で削減 VideoSmaller は動画のファイルサイズを小さくする無料オンラインサービスで、画質の劣化なしに、動画を圧縮します。動画のファイルサイズを縮小することで、動画ファイルをより小さくします。あなたのAndroidやiPhone(iOS)モバイル機器で撮影したMP4動画を圧縮します。操作は動画ファイルを選択し、「動画をアップロード」ボタンをクリックするだけです。動画の長さや通信速度によって時間がかかる場合があります。 動画ファイルを選択 (最大500MB): 動画をアップロード ビデオを圧縮する理由は何ですか? ビデオを圧縮する必要がある理由はたくさんあります。デバイスまたは外付けハードディスクのスペースを大幅に節約できます。 一部のフォーラムやブログでは、指定されたファイル サイズ未満の場合にのみビデオのアップロードを許可しています。 以前

エンジニアのみなさま、日々の学習本当にお疲れ様です！ また本記事まで足を運んでいただき本当に感謝です。 約1分程度で読めるので最後まで読んでもらえると幸いです。 はじめに コードを書くのに慣れてくると、いちいちコードを書くのが煩わしくなりませんか？ そんな時 Visual Studio Code（以下、VSCode） の Emmet機能 を使えば、HTML等、特にWEB関連のコードを書くときに補完をしてくれるため、作業効率が格段にUPします。 騙されたと思ってぜひ一度お試しくださいませ！ 設定方法 1. VSCodeを開き、画面左下の「⚙️」 > 「設定」をクリック 2. 「emmet」と検索し、画面中段にある「Emmet: Trigger Expansion On Tab」にチェック 以上になります。 どんな事をしてくれるのか？ あるコマンドを入力後、「Tab」を押す事で良しなに補完をし

今回は「CSS（スタイルシート）がどのようなものか」を理解するとともに、基本的な書き方を学んでいきましょう。CSSを理解するには、ある程度のHTMLの知識が必要になります。さきほどリンクをのせた「0からのHTML入門」を読んでからこの記事を読むと、理解しやすくなると思います。 1.CSSとは？ CSSとは、ウェブページのデザインやレイアウトなどの見栄えを変えていくためのコンピュータ言語です。CSSは「スタイルシート」とも呼ばれます。 1-1.もしCSSを使わずにウェブページを作ると…

連載「Visual Studio Code TIPS」 Visual Studio Code（以下、VS Code）はバージョン1.25から「ポータブルモード」をサポートするようになった。この機能を利用して、自分が普段使っている設定のまま、VS CodeをUSBメモリやファイル共有を利用して、他のマシンでも実行する方法を説明する。 VS Codeのダウンロードページから、WindowsではZIP形式、Linuxでは.tar.gz形式で配布されているVS Codeを入手する。macOSではZIP形式で配布されている通常のパッケージを入手する ZIPファイル／.tar.gzファイルを（任意のフォルダに）展開する 設定ファイルや拡張機能を保存する「dataフォルダ」を作成する dataフォルダに、自分の環境を復元するのに必要なファイルをコピーする ポータブルモードのVS Codeが入ったフォルダ

.htaccessとは？ .htaccessとは、Apache（アパッチ）と呼ばれるウェブサーバで使える設定ファイルのことです。中身はプレーンテキストなので、テキストエディタを使えば簡単に作成や編集ができます。多くのレンタルサーバなどでも、利用者が何らかの設定を記述する目的に利用されています。 ウェブサーバ上の任意のディレクトリに「.htaccess」というドット記号で始まる特殊なファイル名の設定ファイルを設置しておくと、ウェブサイトに対する様々な設定ができます。例えば、アクセス制限を施したり、IDとパスワードによるユーザー認証機能を用意したり、404や503などのエラー表示をカスタマイズしたり、条件に応じてリダイレクト（自動転送）したりする処理などがあります。 本記事では、この便利な設定ファイルである.htaccessファイルの作成方法や書き方の例、アップロード方法、エラーが出た場合の対

{{tag: wsl2, wsl, firefox}} タイトルの通り、WSL2 のターミナルからWindowsの Firefox を起動する方法。ポイントは /mnt/c/ (pprof) web とかしたときに便利なやつ。 まず、ブラウザを起動するための sh ファイルを用意しておく。 [openff.sh] #!/bin/bash /mnt... つづきを読む

ウェブサイト内には、ヘッダ・サイドバー・フッタなど全ページ共通のパーツがあることが多いでしょう。そのような共通部分を全てのページに記述するのは非効率的です。なぜなら、共通部分を更新したい場合には、全てのページを同時に更新しなければならないからです。ページ数が多ければ多いほど作業量も増え、更新漏れが発生しやすくなってしまうでしょう。 ■共通部分だけを独立したファイルに分けておいて、動的に合成できると便利 そのようなサイト内の共通部分は独立したファイルに分離しておき、ウェブサーバ側で動的に合成できれば、共通部分の管理や更新作業が楽になります。共通部分を更新したい場合には、その独立した1ファイルを修正するだけで全ページの表示が更新されるからです。 例えば、サイト内の全ページに共通する部分を下記のような3つのファイルに分離しておきます。これらの3ファイルを、上図のように各ページのHTMLに合成しま

検索キーワードを調べるツールまとめ キーワードを調べる決定版「Google キーワード プランナー」 Googleが運営するキーワードツールで、おおよその月間検索数や競合性が高いかどうかを調べることができます。 キーワードリストをダウンロードしておいて、そこから作る記事を考えるのが効率的。 一定の広告料を使わないと細かな数値は分かりませんが、Googleのデータを元に記事タイトルを決められるので、使ってない人は絶対使っておきましょう。 Googleキーワードプランナー キーワードの組み合わせが分かる「ラッコキーワード」 キーワードの組み合わせを探せるアドバイスツール。 Googleのキーワードプランナーほど細かなデータは分かりませんが、シンプルで使いやすいツールです。 ラッコキーワード 検索順位を調べるツールまとめ 業者も使う順位チェックツール「GRC」 他のツールだと毎回キーワードを入力

フォーム全体の指定 <form action=""> 入力フォームを作る <form method="" action=""> データの送信形式と送信先を指定する <form method="" action="" target=""> 結果が表示されるウィンドウを指定する <form method="post" action="" enctype=""> 送信時のデータ形式を指定する <label> 部品とラベルを関連付ける <fieldset> フォームの部品をグループ化する <legend> 部品グループにラベルを付ける <legend align=""> ラベルの表示位置の指定する フォームの部品 <input type="text"> テキストの入力欄を作る <input type="password"> パスワード形式の入力欄を作る <input type="radio"> ラ