ビデオカメラのMTSデータを結合してmp4に変換【音ズレなし、結合はフリーソフト不要】

2019-10-11


▽MTSの結合はコマンドプロントでできます!しかも、音ズレなし! ▽MTSをmp4にビットレートを下げて変換(容量を軽くする) ▽一眼レフのMOVファイルはMTSと同様の方法で変換できるか? MTSデータは無劣化なので、そのまま保持しておきたいデータではあるものの、ビットレートが非常に高くてデータ容量が大きく、動画編集の際に動作が重くなります。 それほど画質にこだわらないケースなので、ビットレートを5000kbpsくらいまで落として、ついでにmp4に変換しようと思います。 まずは3つのMTSファイルを一つのファイルにしたいと思います。動画の結合はソフトを使うより簡単な...

ウイルス対策ソフトはいらない!サイトを見ただけで感染は理論上不可能。4点のことを守るだけでウイルス感染はしません

2019-09-28


パソコン使用歴15年で四六時中パソコンを使用しているヘビーユーザーです。 そんな私のパソコンは昔からずっと、 ・ウイルス対策ソフトなし ・WindowsUpdateは無効に設定 こんな状態ですが、何一つ異常ありません。今日もパソコンの調子は快晴です。 ちなみに私はネットバンクも利用しているし、仕事上、海外サイト(ちょっと危険っぽいサイト)でデザインに必要なフリー素材を探すことも頻繁に行っています。 ※この記事を最後まで読まずに真似しないでください。なぜ、私がウイルス対策ソフトなしで感染しないのかを根拠で説明します。 ▽なぜウイルス対策をインストールする...

パソコンを購入する際に必要な「HDDのパーティション」の知識。ハードディスクは壊れやすさNo.1だからリスクを減らそう

2019-09-27


▽パソコン故障の原因No.1はハードディスク(HDD) ▽パーティションをするとハードディスクが故障してもデータが助かる ▽パーティションをするとパソコンの動作がよくなる ▽パソコン購入の際にパーティションを確認しよう 今回もITリテラシーを高める為に重要な知識を綴ります。 まず、パソコンが故障した時、どの部品が一番壊れる可能性が高いのか? それはハードディスクドライブ(HDD)です。 そしてタチの悪い事に、ハードディスクが壊れるとデータが元に戻りません。 極稀に戻せる可能性がありますが、基本戻らないという認識です。 パソコン故障の原因No.1はハードディスク(HDD...

パソコンの最低限の知識 ITリテラシーが向上するパソコンの使い方(設定)について。拡張子を表示していない人は上級者になれません

2019-09-18


▽ITリテラシー向上 基本用語「ブラウザ」 ▽ITリテラシー向上 基本用語「拡張子」 ▽ITリテラシー向上 基本用語「OS(オーエス)」 ▽ITリテラシー向上 PC(旧称:マイコンピュータ)をデスクトップに表示する ▽ITリテラシーを向上させるには用途を明確にしよう この記事の内容はパソコンの上級者なら当たり前のように理解していることばかりです。 記事を読んで、よく分からなかったという方は、ハッキリ言ってITリテラシーが低いです。 さあ、あなたのITリテラシーはいかほどでしょうか? パソコンを新たに購入した際は、自分好みにパソコンを設定しないといけないですよね。 まず...

アドセンス突然停止からポリシー違反解決まで3回目の再審査で突破の記録【原因はSSLのちょいミス】

2019-09-14


アドセンスに蹴られてブログヲワタ(´・ω・`)けど諦めたらそこで終わり 原因の特定が難しいアドセンスの意地悪なところには舌打ち 当てずっぽうでアドセンス2回の再審査 コードを設置してるのに、していないという不躾なグーグルからのお便り ポリシー違反の原因特定のきっかけは奇跡か!?いや、実力でしょう! アドセンスに蹴られてブログヲワタ(´・ω・`)けど諦めたらそこで終わり googleアドセンスがある日突然停止。ブログには全く広告が表示されなくなってしまいました。 アドセンスの管理画面を見ると、違反理由は「価値の低い広告枠(テンプレート ページ)について」 結論から...

【jQuery】フォームの入力項目をボタンで追加する方法(追加する数の上限が決まっている場合限定)

2019-08-21

入力、選択などのinput、selectの項目を追加ボタンで増やす方法のご紹介。管理画面を作成する上で、ちょくちょく必要となるのでメモ代わりにコードを残します。 ボタンをわざわざユーザーに押させるというのはちょっと古いですが、自動認識で増やしていくより、断然手軽です。システムを作る際に、「完成までの速さ」を求めるならこの方法もいいのではないでしょうか。 デモはこちら htmlStart 画像追加 画像アップロード $(function(){ //追加ボタンの動作 $('.add').c...

jQuery(javascript)複数ファイルのアップロード時に容量オーバーの場合はアラートを出す

2019-08-21

2019年現在では、iPhoneとAndroidともにinputタグのfile属性が使えるようになっています\(^o^)/ 前までは、画像をアップするだけなのに、面倒なアプリ開発をしなければいけませんでした…。 スマホのカメラ機能はどんどん解像度が上がっているので、1枚の写真が6メガというのが当たり前です。それに伴いレンタルサーバーの方もスペックが上がってきました。 それでも、レンタルサーバーの場合は転送量の軽減を考えなければいけません。 むやみにファイルをアップロードし放題にしては、サーバーがもちません。 ということで、ファイルを選択した際に、ファイル容量を取得して、 ...

採用係長と同様のサービスで圧倒的に安いところあり!indeed(インディード)用の求人ページ制作

2019-06-08


▽初期費用無料サービスは維持費が高い ▽採用係長と同様サービス「格安!人材確保」の料金の違いがスゴイ! ▽採用係長と格安!人材確保のサービス内容 ▽フリーランスを活用していない会社は大損している ▽インディードはネット求人広告の新しい風 ▽インディードの掲載メリット インディード用の求人ページを作成する「採用係長」という勢いのあるサービス。 ベーシックプランが月額2万円で年額にすると24万円です。 初期費用が無料でインディード用の求人ページが持てるというのが魅力ですが、 初期費用無料のサービスは維持費が異常に高い傾向があります。 初期費用無料サービスは維持費が高い ...

個人撮影会というド素人でもできるモデルの副業がSNS上で密かに盛り上がっている【月収50万円も可能】

2019-05-25


▽夜職以外でサラリーマンの倍以上稼ぐ若い女性がチラホラ ▽撮影会は元々セクシー女優のビジネスとしてメジャーだった ▽個人撮影会が盛り上がる理由 ▽完全にソロで個人撮影の副業をする女性は○○嬢の可能性あり ▽カメラマンの目的も二手に分かれる ▽出会い系が運営してる撮影会が存在。サクラが来ることも!? ▽運営を挟んでの撮影会が安定!地道に知名度を増やせばいつか… フリーランスの働き方を選択する人が増えている昨今。特に何のスキルがなくても始められる「個人撮影会」が密かに盛り上がっているという事実に今更ながら気付きました。 ツイッターやインスタで「ポートレート」「モデル撮影会」...

5Gのことみんな大げさに伝えすぎ!5Gは余計な進化ばかりか人体への悪影響あり!IoTは愚の骨頂!

2019-04-18


▽5Gに関して大げさな情報が飛び交っているけど実際は? ▽悲報!5Gを利用すると料金が割高に! ▽悲報!5G電波は人体への悪影響がより強まる ▽LANケーブル(有線)の通信よりも5G電波通信の方が速くなる ▽5Gまでの電波の歴史を少し振り返る ▽5Gって余計な進化ばかりじゃない?画質よりも内容が大事 ▽5GがもたらすIoTは家電ヲタ向けじゃないか? ▽医療の世界で低遅延の5Gにより遠隔手術が普及する ▽その他ちょっとした5Gがもたらす変化 ▽5Gが一般市民に与える影響は極わずかだと思われる ▽ここが一番気になる!5Gによりネットの動画サービスがテレビを超えることは確定 ...

フリーランスのカメラマンとモデルが組んで好きなことで生きていくを実現する道【フリーランスモデル募集中】

2019-03-07


▽全国のネットショップを相手に商品写真のビジネスが可能 ▽モデル事務所のモデルはネットショップにとって諸刃の剣 ▽フリーランスのモデルはスキルが武器 ▽実績を積んで仕事を選べるようになったら幸福度MAX ポートレートばかり撮っている人がインスタにはたくさんいますが、趣味を仕事に変えたいという発想はあるのだろうか? なんか見ていて非常にもったいないなと感じるのです。その趣味を有効活用ができるのではないかと。 私はビジネス思考がしっかり搭載されており、常にビジネスのアンテナを張っていますので、モデルビジネスの紹介をしたいと思います。 全国のネットショップを相手に商品写真のビジ...

楽天の商品画像ガイドライン厳格化2019年1月から本格始動

2019-01-03

今年の1月から楽天の商品画像のルールが厳しくなるようです。 amazonとかzozotownのような単調なサムネイル画像にしないといけなくなります。 ザックリ言うと今後、楽天はAmazon化していくのかなといった感じです。 サイトの雰囲気も単調化されていきそうですし、配送に関してもワンデリバリー構想というものを実現していく方針で 商品の保管から出荷までを手がける物流センターを全国各地に構えていくそうです。 amazonは既に日本の数箇所に倉庫を持っているので、配送が早いわけなんですけども、楽天もそのような形を築いていくということですね。 amazonの商品一覧で見かけるプラ...

WEBサイトを運営・管理するにあたって最低限必要な情報

2018-12-13

///////////////////////////////////// ドメインの管理について ///////////////////////////////////// ■ドメインが取得できるサイトは複数あります。 お名前.com、バリュードメイン、ムームードメインなど 【よく取得されるドメイン】 .com/.net … 最安(情報サイトなど) .jp/.co.jp … 企業向け(会社のサイトなど) ■ドメイン取得サイトが異なる業者にドメインを引き渡すことを「ドメイン移管」といいます。 【ドメイン移管】 ・特に費用はかかりません。 ・1~2週間くらい...

ワードプレスのデータベースの配列データから画像のパスだけを取得

2018-11-27

ワードプレスを外し、独自のシステムに移行する際、画像のエクスポートが苦労しました。 個人的にワードプレスは好みません。クライアントに管理画面を提供する場合は、自分で一から作ったほうがユーザビリティーが圧倒的に良くなるからです。 アップロード画像の記録がある、postmetaテーブルの検索で「meta_key = _wp_attachment_metadata」とすると、データが下記のようになっていた。なんというごちゃごちゃしたデータ。これだからワードプレスは苦手だ。 htmlStart a:5:{s:5:"width";i:731;s:6:"height";i:723;s:4:"f...

ボタンを押したらローディング(くるくる回るスピナー)を表示する(ローディング画像不要CSSのみ)

2018-11-26

管理画面でユーザーに画像をアップさせる際、実行ボタンの2度押しを防ぐために必要なローディングの表示。 特に苦労せず設置ができたので、コードを紹介します。ローディング自体はCSSで完結します。画像不要なのが今回のミソです。ボタンを押したらローディング発動の部分だけjqueryです。 [デモサンプル] まずはbodyの下辺りにローディングのHTMLコードをコピペして、フォームのボタンに何らかのクラス名を付けてください。 htmlStart ・ ・ ・ htmlEnd 次はCSSに以下のコードをコピペしてください。...

リンクや画像をマウスホバーの際にゆっくり変化させるCCSのみで最短の方法

2018-10-29

マウスホバーはPC版サイト限定なので、スマホサイトでは使えません。 BtoBではまだまだPC版サイトが重要なので、需要は多少ありますよね。 さて、ゆっくり変化させる方法ですがCSSのみで簡単にできます。 まずはclassにtransition(切り替える時間)を指定します。 hover時の効果も指定。半透明にさせるopacityかbackgroundがベターです。 htmlStart .hover-slow{ transition: 0.5s;} .hover-slow:hover{ opacity:0.7;} htmlEnd あとは、ホバー時に変化させたい画像やリンクの...

自作PHP派が既に時代遅れのPEAR::DBを試用で使ってみたので基本コード紹介|接続・取得・追加・更新・削除

2018-10-03

PHPのキャリアは10年くらいで、フレームワークは一切使用せず、独自PHPで作成をする派です。 誰よりもあらゆるポータルサイトを早く作る自信があり、開発コストもかなり下げられる我が誇りの技術。 かなりの大掛かりで複数人での開発ならフレームワークを覚える必要があるのだろうが、 基本一人で全てこなす案件しかしないので、覚える必要がない。個人的にはスピード第一。 データベース周りは「mysqli派」です。というのも大抵のレンタルサーバーはmysqlだから他のを使う機会がありませんでした。 そんな私が、重い腰をあげてPEARライブラリのPEAR::DBを試してみた。 DBの基本であ...

PEARをXAMPPにインストールする最短の手順(Dドライブ)

2018-10-02


Composerという進化系があり、今どきPEARかよって感じですが、 使い慣れたものから離れるのは時間のムダ! 個人での仕事上なら最短で完成させることが最優先。 ってことでまずは、PEARをダウンロードしにいきます。 https://pear.php.net/package/PEAR/download PHP7の場合はなるべく最新のものを、 PHP5の場合はちょっと古めのものにしたほうがいいかな? と思い、今回は1.9.5verを選択してみました。 ダウンロードしたファイル「PEAR-1.9.5.tgz」を解凍せずに、 そのままxamppのphpにフォルダに移動...

楽天ショップの画像を即時反映させる簡単技

2018-09-19

久々の更新になりました。 一度、ドメインが消失してしまいまして、今は初期のころと違うドメインになっています。 アクセス数が前ドメインの頃と同じくらいに戻ってきたので更新をしていこうと思います。 楽天でECショップを運営していて、困るちょっとした件。 画像変更の際にが即時反映しない! これ、なにげに困りますよね。画像が切り替わらないと、心配で帰れない…なんてこともあるのではないでしょうか。 しかし、ちょっとしたことで即時反映が可能です。 htmlを少々触らないといけないのですが、画像のファイル名に「?適当な数字」を付けるだけです。 htmlStart ...

管理画面などにて画像が切り替わらない場合の対処法

2014-08-14


管理画面で画像を変更する処理をした際に、変更後の画面で画像がキャッシュのせいで古い状態のままになることがある。その場合の一番簡単な方法は、画像にランダムなパラメータを付け、新しい画像だとプラウザに認識させるといい。 phpStart $rand = rand(0,999999); echo ''; phpEnd これは管理画面での基本的なテクニックなので、必ず覚えておかないといけない。 ...

ファイルやディレクトリのパーミッションを一括で変更する方法

2013-07-28

レンタルしていたサーバー屋が廃業するということで、サイトのお引越しをせざるを得なくなってしまった。 ポータルサイトの引越しの際、ユーザーが管理画面からアップロードしたデータを新しいサーバーに移動した際に、パーミッションが初期状態になってしまった。パーミッションを変更しなければ、管理画面から変更ができなくなってしまう。 ディレクトリは【755】から【777】へ ログファイルは【644】から【666】へ変更しなくてはいけない。 普通ならFTPソフトで変更すれば終わりの話なのだが、ディレクトリが1000ファイル以上あり、各ディレクトリには無数の画像ファイルが存在し、FTPでの手作...

外部サイト(他ドメイン)のファイル存在確認

2013-05-05

画像ファイルがあるかないかを判断して、必要に応じてノーイメージ(now printing)を表示する時などに使用するファイル存在確認の代表的関数file_exists()。 phpStart $path = './log/item/12345.jpg'; if(file_exists($path)){ $img = $path; }else{ $img = '/img/noimage.jpg'; } phpEnd しかし、自サーバーならfile_exists関数でファイルがあるかないかを判断できるが、他ドメイン&他サーバーでは使用できないので、その場合はget_hea...

ボタンを押したらローディング画面を表示する

2013-04-30

更新 2018-11-26 新しい記事にもっと簡単な方法が載っています この記事に関する最新記事は「ボタンを押したらローディング(くるくる回るスピナー)を表示する(ローディング画像不要CSSのみ)」になります。下記の古い内容よりも画像ファイルが不要で使い勝手がいいので、新しい記事をご覧ください。 古い方法でよければ以下をご覧ください。 管理画面で時間のかかる処理(例えば画像や動画などをアップロードする際)をする場合、画面が固まってしまったと勘違いされて閉じられたり、ボタンを何度も押されてバグを発生させてしまうこともあるかもしれない。 そこで、ローディング画面を表示して、ユーザ...

QRコードを手っ取り早く作る方法

2012-11-02


Google Chart APIを利用すればたった一行でQRコードが作れます。 htmlStart https://chart.apis.google.com/chart?chs=《サイズ》&cht=qr&chl=《URLやメールアドレスなど》 htmlEnd 画像タグに上記のコードを記載するだけ。 htmlStart htmlEnd パラメータの「chl」には日本語を使うこともできます。mailtoタグと同様で日本語を使う場合は文字化けの対処をしないといけないので、文字コードをパラメータの「choe」で指定しないといけない。 QRコードは携帯やスマホで読み取られる...

SQL(データベース)で数値の先頭のゼロを消さない方法

2012-09-28


データベースに整数(数値)データを格納する際に先頭に0(ゼロ)が付いていると勝手に消されてしまいます。郵便番号はゼロから始まることがよくあるので、ゼロは必ず残さないといけません。 では早速ゼロを残す方法を記載します。下記の画像を見てください。 種別をINT型(整数型)にして、属性を「UNSIGNED ZEROFILL」にし、あとは長さを記入するだけです。 もう一つの邪道な方法としてはデータ型を整数ではなく文字列型の「varchar」にするというやり方もありますが、文字列型より整数型のほうが検索速度が速いのでオススメできません。なので、郵便番号はハイフンなしで整数型にしてデ...

Opacityをほとんどのブラウザで使えるようにする

2012-08-22

ロールオーバー用の画像を作るのが面倒な場合に活躍するオパシティー。 htmlStart a:hover img{ filter:alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; } htmlEnd 数値は「0~100」「0~1」までの間で、数値が低いほど透明度が強くなります。なので、0にすると画像は見えなくなります。...

CSS

画像の保存形式について

2012-08-16


現在、WEBの画像ファイルはJPG(ジェイペグ)・GIF(ジフ)・PNG(ピング)の3つが標準規格で一般的に使用されている保存形式です。 それぞれ違う特徴があるので、ちゃんと知っておけばサイトの高速化を計ることが出来ます。画像はなるべく綺麗にできるだけ軽い容量で保存することが大切で、画像の容量が軽ければWEBページの表示速度が上がりますし、重ければ表示に時間がかかってしまいます。PCサイトでは気にならないかもしれませんが、通信速度の遅いモバイルやスマホ版のサイトでは表示速度が大きく違ってきます。 サンプル画像の上段は写真画像のケースの出力結果です。3つともほぼ見た目が変わりませ...

【フリー素材】スマホ用ボタン素材

2012-08-12


スマホ用素材をネットで探しましたが、なかなか大きいサイズのものがなかったので、結局自分で作っちゃいました。スマホは解像度がPCより2倍大きいので、例えば300pxのボタンを設置する場合は600pxの画像を使わないと画質がにじんでしまいます。指でボタンを押すのでボタンを大きく作るのがスマホサイトの基本ですね。 <スマホで画像を綺麗に表示する> htmlStart htmlEnd <スマホで背景を綺麗に表示する> htmlStart sample htmlEnd 人物フリー素材SELLSELF ダウンロード[PNG] ダウンロード[PSD] ※自由に使...

写真をイラスト風に加工する

2012-08-10


今一番売れてるバラドルの大島麻衣の写真を元にPhotoShopでイラスト風に加工しました。やり方は下記の参考サイトをご覧下さい。写真付きですごく分かりやすく説明されています。 ザッと言葉だけで説明すると、元画像を3枚ほど複製して、それぞれにカットアウト・鉛筆・輪郭検出のフィルター加工をし、加工したレイヤーを乗算やスクリーンなどのレイヤースタイルにして元画像になじませるというものです。 写真素材に困ったときはイラスト風に化けさせれば、タレントの画像を使っちゃっていいかも!?元がばれなければね。ただ、写真をイラスト調にするとサイト全体をイラスト調のデザインにしないと統一感がとれなく...

【フリー素材】フォーム用のボタン

2012-08-09


個人的に好きな色のボタンを3パターン作りました。CSS3で表現できるものですが、IEが対応していないので、グラデーションや角丸はまだまだ画像を使っていった方が無難ですよね。ボタンの文字を編集したい方もいると思うのでPSDファイルもアップしてあります。 人物フリー素材SELLSELF ダウンロード[PNG] ダウンロード[PSD] ※自由に使っていただいてかまいませんが、再配布はご遠慮ください。 ...

thickboxでダイアログを表示する

2012-08-08

Jqueryのプラグインであるthickboxを使ってダイアログを表示してみよう。まずはheadタグ内でjqueryを読み込んだ後にthickbox.jsを読み込む。順番が逆だと動きません。 htmlStart htmlEnd あとはテキストリンクにclass指定でthickboxを宣言し、リンクを貼るだけで設置完了です。リンクのパラメータにはheightとwidthを必ず指定しなければいけません。リンク先はHTMLや画像、PHPでさらに独自のパラーメーターを付け足すことも可能です。 <テキストリンク~ダイアログ表示> htmlStart サンプル htm...

あると便利なリスト用アイコン

2012-08-04


画像をダウンロードして、フォトショップで切り抜き加工をして使ってください。CSSの宣言方法も記載しておきます。 <HTML> htmlStart サンプル1 サンプル2 htmlEnd <CSS> htmlStart ul.listMark li{ background:url(/img/list.gif) 0 2px no-repeat; padding-left:15px; } htmlEnd 背景ポジション(0 2px)←この部分はline-heightの設定値により数値の調節が必要になります。ポジションの数値はマイナスの値も使えます...

floatの回り込み解除にclearfixを使う

2012-08-04


<サンプル> ヘッダーなどでサイトロゴの横にバナーを置く時に回り込みの解除が必要になってきます。背景画像があるカラムの中でfloatを使って回り込みをすると、背景画像が表示されなくなります。そこで背景画像を指定しているタグにclearfixを使えばちゃんと背景が表示されるようになります。clearfixは便利なのでサイト毎に必ず宣言しています。オーストラリア人のTony Aslettという方が、cleafixを考案したらしい。 <CSS> ※2019-04-20追記 現在はコードが短くスッキリしています。使用方法は変わりません。 htmlStart .clearfix::a...

この記事がお役に立てましたら是非シェアのご協力お願いします。