カテゴリー別アーカイブ: WEB

webに関する記事をまとめています。phpやwordpressが主。htmlやcssもやってます。

amazonアフェリエイトリンク用ブックマークレットを作りました

こんな感じですっきりしたアフェリエイト用リンク文章を生成することができます。

javascript:(function(){var%20ele=document.createElement('textarea');var%20re=location.href.replace(/.*(/dp/|/gp/product/)/,"").replace(//.*/,"");ele.style.width='100%';var%20te=null;var%20sel=window.getSelection();if(sel==""){te=document.title.replace(/Amazon.+?%EF%BC%9A/,"").replace(/:.*/,"").replace(/(.+?)/,"").replace(/^s+/,"").replace(/s+$/,"")}else{te=sel;}ele.value=''+te+'';document.body.insertBefore(ele,document.body.firstChild);ele.focus();ele.select();ele.ondblclick=function(){ele.parentNode.removeChild(ele);};ele.oncopy=function(){setTimeout(function(){ele.parentNode.removeChild(ele);},1);return%20true;}})()

コードはこんな感じです。アドレスとタイトルを正規表現によって削り、必要な部分だけを抜き取るようにしています。また、文章を選択してブックマークレットを発動した場合は選択文章をリンクタイトルとします。

良い感じです。

このコードは私のアフェリエイトコードが入っているので適当に改変しちゃってください。

webサイト製作、小説、文章レイアウトに利用できるデモ文章テンプレート

文字を使う皆さまお疲れ様です。そういう私も趣味で小説やサイト製作をしており、毎回頭を悩ませるのが文章を書き込む場所のレイアウトです。

小説ならば印刷面と文字サイズの調整、サイト製作なら各divボックスの幅などなど。というわけで、そういう所に利用できる簡単なデモ文章テンプレートです。ご自由にお使いください。

図形

■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□

正方形の連続で、5文字ごとに白塗りの正方形が出てきます。これで40文字あります。

図形2

■■■■■■■■■■□□□□□□□□□□■■■■■■■■■■□□□□□□□□□□

十文字ごとに図形が切り替わる形ですね。

日本語、英語、数字、半角全角混合文章

この文章は日本語、English、1二3、ハンカク、全角文字が含まれて40文字。
そしてこの文章は、上記要素がAll content入ってルー大柴みたいになった80文字入った文章です。貴方likeの幅になったでしょうか?そういうわけで文字数

日本語や英語、数字などの各要素が混合された40文字と80文字の文章です。実際の文章がどのようにおりかえされるのかを知りたい時にご利用ください。

小説

よだかの星  宮沢賢治

有名のよだかの星です。文章レイアウトをするときに利用できるかなと思います。

adobe CS6が「サブスクリプションを更新する」と表示が出て利用できなくなってしまった場合の対処

突然フォトショップが立ち上がらなくなってしまいました!!

以前CCを利用していてCS6を購入して入れ直した経緯があり、その影響かはわかりませんが「サブスクリプション」云々が表示され、CCの画面が・・・面倒くさい自体です。

しっかりと利用製品にはCS6の表記がありますし、アカウントには紐付けがされている事が窺えます。同じ問題にぶち当たっている人がいないか調べると、何通りかのやり方があるようなのでそれを試してみます。

Adobe(CS6)のアプリケーションが起動しなくなったときの対処法 – Yahoo!知恵袋

参考元。この方法でいけました。ありがとうございます。今後のために画像付きでメモっておきます。

アプリケーションの起動時に「設定エラー」や「エラーコード130:11」が表示される(Creative Suite 6)

この手順にしたがっていきます。

Adobe – Adobe Application Manager:Adobe Application Manager:Thank You

まずはこちらからApplication Managerをダウンロードします。

次に、

64 ビット版 Windows : C:Program Files (x86)Common FilesAdobeOOBE 
32 ビット版 Windows :  C:Program FilesCommon FilesAdobeOOBE 
Mac OS : Macintosh HD/Library/Application Support/Adobe/OOBE 

ディレクトリをなんでもいいので名前変更します。
アプリケーションマネージャーを起動し、OOBEが再度作成されるのを確認します。

ここから先はシリアルコードが必要になりますので用意しつつ進めてください。

Adobe: Creative, marketing, and document management solutions

まずはAdobeからサインアウトしておきます。

Program FilesCommon FilesAdobeSLCache
Program Files (x86)Common FilesAdobeSLCache
Macintosh HD/Library/Application Support/Adobe/SLCache

そしてSLCacheディレクトリ内ファイルを全て削除します。

CS6製品をreader以外で起動します。フォトショやイラレ、インデザインなどのログインが必要な製品で行うのがいいかと。

しっかりと情報が削除されているようなのが確認できます。

ライセンス認証を行います。サインインが求められるのでサインインします。

シリアル番号を入力しましょう。

起動しましたー!!

商用利用、加工OK! ゲーム製作、サイト構築に便利、ヨーロッパ写真素材400枚


砂漠あらかるた

加工、商用利用、年齢制限アリゲームへの仕様OKなとても扱いやすい写真素材集が提供されました。

海外などの写真は有名な場所だと「Flickr」などが有名ですが、大抵の場合クレジットを表示しないといけなかったりするので、正直扱いづらいですよね。

こちらのサイトでは、そういった縛りは一切無く、写真を利用する事ができちゃいますよ。凄いですね、ふとっぱらです。

サイト製作やゲーム製作の他にも、色々な使い道がありそうな気がします。

htmlファイルを一行ずつ読み込み必要な部分だけを抜き出すphpコード

htmlファイル、特にそれだけで数百kbにも昇る膨大な量の物を読み込むとき、正規表現を利用するとかなりの負荷がかかる。

ochalog
【PHP】どどんとふチャットログ HTML ファイルからチャットログ部分を抽出する

htmlなど最初と最後の文章構成が決まっている場合、「fgets」を利用し一行ずつ読み込みそれを判定していくとかなり高速に処理できる。

一行ずつ読み込んでいく方法があったなんて知らなかったから感謝。これでテキストファイルの処理が早くなります。

/**
* どどんとふチャットログ HTML ファイルからチャットログ部分を取り出して返す
* @param string $filename ファイル名
* @return string チャットログ部分を含む HTML コード
* @return NULL 読み込みに失敗した場合
*/
function read_dodontof_chat_log($filename) {
# ファイルポインタを取得する
$handle = fopen($filename, 'r');
if ($handle === FALSE) return NULL;

$html_code = '';

# 必要な部分が出現するまで読み飛ばす
$body_start = '/^s*<body>/';
while (($line = fgets($handle)) !== FALSE) {
if (preg_match($body_start, $line)) break;
}

# 必要な部分だけ読み込む
$body_end = '|^s*</body>|';
while (($line = fgets($handle)) !== FALSE) {
# 必要な部分の外に出たら脱出する
if (preg_match($body_end, $line)) break;

$html_code .= $line;
}

# ファイルを閉じる
fclose($handle);

return $html_code;
}

body内部を抜き出すのが分かっている場合、preg_matchではなくstrposを利用するとさらに早くなる。
PHP: fgets – Manual

fgetsはfopenなどで開かれたファイルではないと動作しないそうなので注意。

猫ネコねこ!! 猫動画だけを24時間など特殊な番組を延々流し続けるwebTV「pluto.tv」


Pluto.TV | Watch What’s Possible

youtubeなどの動画などを延々流し続けるwebTV「Pluto.TV」なるものを発見しました。

放送しているチャンネルは多岐にわたり、ニュース、スポーツ、エンタメなどなど。好きなものをさがしていきましょう。

とりあえず下に癒やされ度満点の動物系チャンネルを紹介しますね。

動物チャンネル
犬チャンネル
猫チャンネル

こういう一点特化でニッチな物を提供していけるのはwebTVならではだと思いますね。日本でもwebTVはあるものの、ここまでニッチなものはまだないような気がします。

「pluto.tv」がどれほどのポテンシャルを持っているのか要チェックです。

パブリックドメインで商用利用可能フリー写真画像素材を毎日提供する「Free Stock Photos」

情報元:パブリックドメインの高品質な画像を日々更新、配布する・「Public Domain Archive」 – かちびと.net

パブリックドメインにより、毎日更新される高クオリティな画像を提供するサイトが登場しました。


Public Domain Images | Free Stock Photos | Resource for high resolution public domain images and free stock photos

パブリックドメインなのでかなり自由に取り扱うことができますね。

風景写真が多め、人物の画像は少なそうです。サイトのアクセントとしての利用が考えられますね。

google検索で圏外に! 検索結果から除外された時の対処法

先日、私のこのブログが突然検索から除外されてしまいました。いわゆる圏外という奴です。

「TRPG ツール」での検索ランキング推移です。順調に上がり定位置についたと思ったら、突然落ちているのがわかります。

google検索圏外に手動対応でされた可能性

googleでは、botによる自動的なランク付けの他に、内部の人の判断により手動で行われる対応があります。まずそれを疑います。

ウェブマスターツールへ入り、メッセージが何か来てないか。メールでなにか来てないか確かめます。

今回、私の場合では特になにもありませんでした。手動対応ではなかったようです。

検索エンジンにより判断された可能性

googleの検索エンジンは頭が大変よく、サイト構造を理解しながらそのサイトがスパムやコピーサイトではないか確認していきます。

おそらく私のサイトはここに引っかかったのでしょう。

ランキング圏外になってから過去一ヶ月までに、サイトに行われた変更を考えてみます。

まず、軽くサイトを軽くリニューアルしています。

リンク文字を見やすくし、概要文章を排除、一ページあたり表示件数は五件としました。二ページ目以降はnoindexとしています。

そしてその構造がカテゴリにも適応されています。

TRPG版の艦これ、艦これRPGに関する記事まとめ≫aoringo works

現在このサイトには96個程度のカテゴリがあり、単純計算でもこのようなタイトルだけでリンクが5つだけあるようなページが96個ある形になります。概要文などがあればまだ差別化できますが、リンクだけだと低クオリティなコンテンツだと判断されてもしかたが無かったかも知れません。

カテゴリをnoindexに

というわけでカテゴリを一時的にnoindexにする対処を行いました。

こうすることによって、googleにはカテゴリページを無視させ、記事本体だけを評価させることが出来るようになります。

反映には大体一週間から一ヶ月くらいを要しますので、変更してしばらくのんびり待ちます。

そんなわけで今は回復。ほっと一安心ということです。

カテゴリのコンテンツ価値をあげるには

先程記述したように、私のサイトは96個程度のカテゴリがあります。これらがnoindexとなり、google検索にインデックスされないというのは少しもったいない事ですね。カテゴリーページもある程度の情報を持っており、流入は望めるはずです。

これを解決するには、一つ一つのカテゴリを差別化してコンテンツとしての価値を上げていくしかないと私は思います。

一つずつカテゴリに手を加えて、対処したものから順次noindexを外していこうと考えています。

無料、クレジット不要、商用利用可な街の風景写真を大量に配布する「街画ガイド」


東京・日本の街のフリー無料写真素材集【街画ガイド】|トップページ

東京を主として街の風景写真を大量に配布されています。

クレジット明記も必要ありません。助かりますね。

人物の顔にはぼかしが入っており、加工の手間が省けるようになっています。