表題
□ 1作目 和風フリーホラー
幽霊屋敷桜 -六片の人身御供-
幽霊屋敷桜 -六片の人身御供-
登場人物
江戸時代編 / 現代編 /
妖怪図鑑 / / /
絵画 / / / / /
狂気乱舞 /
挿絵 / / 白黒
設定集
攻略
自作素材チップ / 顔アイコン
実況・紹介動画 / 2
Special Thanks 使用素材

□ 2作目 バカゲー 制作中
月下美人 -パンダと四人の少女-
月下美人 -パンダと四人の少女-
登場人物 /
絵画 / /
挿絵
フローチャート / 設定
Special Thanks 使用素材

□ 3作目 フリーノベル 制作中
花鶏 -最も暑かった夏-
花鶏 -最も暑かった夏-
登場人物
絵画
挿絵
Special Thanks 使用素材

□ 5作目 おみくじ ベータ版
比奈ちゃんのおみくじ
比奈ちゃんのおみくじ
比奈の十面相 / 設定

SNS
Twitter
蟹将軍(個人)
フリーゲーム【花鶏】計画(サポート)
イラスト
pixiv / Tinami / Pawoo / Ci-en
集英社ゲームクリエイターズCAMP
写真
Instagram
ゲーム
ふりーむ! /
GAMEアツマール / PLiCy
動画
ニコニコ動画 / Youtube

利用規約
・実況・二次創作は特に縛り無し
・気が付いたら紹介させて頂きます
Policy
・5ちゃんに書込スレ立ては行いません
・当サイトはアクセス測定に
Google Analytics」を設置しています

□ 以下、当方運営他サイト
無料写真素材【桜と神社】
無料写真素材【桜と神社】


【蟹鯖 -.hack//fragment-】

Retro & Horror Games
【Retro & Horror Games】

フリーゲーム応援企画
応募要項

 

まとめ
index】【Twitter】【RSS
▼ 開く

制作日記
幽霊屋敷桜VX版 制作日誌
/ 2 / 3 / 4 / 5 / 6 / 7 /
幽霊屋敷桜ガールズ5年振りに描き直し
ツクールMVとアツマールの不具合・仕様
ブラウザ版 投稿サイトの仕様の違い
月下美人 制作日誌 / 2 / 3 / 4 / 5 /

過去に練習で作ったドット画一覧

ウィンドウビルダーを試す
キャラクタージェネレーター【和】

資料集め
江戸時代のトイレを見に行く / 2
江戸時代の座敷牢は畳?板張りか?
TOYOTA S800を作る / 2 / 3
全国バスコレクションが精巧で素晴らしい
トミカが車の資料に意外と便利
本堂と鐘楼の資料集めにお寺へ
資料集めと名の初詣
か、か、か、蟹ラーメン!
蟹コレクション


正月企画 甘酒飲み比べ
お面のダイシンから3種類取り寄せる
江戸時代の遊び和紙で折り紙をする
レトロ テレビ型ティッシュボックス

園芸
髪飾りの資料用にアネモネを育てる
/ 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10
ナデシコ(ダイアンサス)観察日誌

Web design
InstagramをPCから投稿する方法
DevToolsを使用しPCからインスタへ投稿
スマホ対応になったWeb Patioを改造
花鶏専用ファビコンを作る
SSL化を阻むミックスコンテンツ
Rankletを使い完全SSL化を目指す

制作道具
PC関連
作業環境
M570t チャタリングの直し方
手が大きい人向け M-HT1URXBK
iPhone 6s Plus / 2
2019年銀賞メモリが16Gで4千円
レーベル対応 最安機種EP-712A / 2 / 3
高性能 東芝NAS対応MNシリーズ
憧れのRyzen7 2700X 最安値で購入
Win11の条件が高すぎる
MBR2GPT.exeを使用しGPTへ変換
液晶用ウェットティッシュで傷だらけに
音源がWin10非対応になり Xonar AE 購入
クラムシェル型 BDR-XD08LE 購入
PCでマイナポイントを貰おう!!
修理
13年前のCPUファンが破損し110℃

音響関連
ヘッドホンの断線修理 / 2 / 3
Panasonic RP-HD5-R
DENON AH-D1100
配信用に入門セットを揃える
センタースピーカの特殊ケーブルを自作
ペンタブ
フェルト芯を綿棒で自作
XP-Pen Deco01 V2
6千円で鉛筆の描き心地
USB端子の位置が悪く断線し2台目購入

クリスタ
イラスタ日本語化
クリスタ素材がインストール出来ない対策
クリスタ用ネタ系3Dポーズ集
止まるんじゃねえぞ…のポーズでBAN
Administratorアカウントの有効化

ゲームコントローラー
Xbox360類似 EasySMX

便利グッズ
保温効果抜群!象印ステンレスタンブラー

Software
LetsView スマホゲームをPCで無料録画
窓分けタブ型ファイラーで効率アップ

ゲームレビュー
シェアウェア
STARDEW VALLEY / 2 / 3 / 4 / 5
/ 6 / 7 /
フリーズ対策

Terraria(テラリア)/ 日本語化
1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9 / 10
11 / 12

青鬼×ひぐらしコラボ / 2 / 3

仮想空間
.hack//fragment(PS2)でオンライン /
エリアサーバの設定 / フルHDでプレイ /
.hack//fragment ストーリーモード

人気記事ランキング
□ 完全SSL化を目指す
SSL対応の人気ページランキングを探す
Googleが示す「完全SSL化」の期限まで後1ヶ月を切りました。「i2i」様からレンタルしている愛用の人気記事ランキングは、今まで使用した中で一番使い易いのですが、広告バナーが「http」から始まっており「Mixed Content」となり「完全SSL化」出来ません。

SSL対応の人気ページランキングを探す

□ Ranklet
Googleアナリティクスの解析を流用する珍しいタイプ
そこで調べたところ「Ranklet」様の評判がよく利用させて頂く事に致します。長所でもあり短所でもあるのが、「Googleアナリティクス」と連動させ解析データを流用する事です。昨年「Instagram」連動アプリを使用したところ” フォロアー販売業者に5,600回も悪用 ”されましたので。

Ranklet [ランクレット]
Ranklet [ランクレット]
https://ranklet.com/

Googleアナリティクスと連動させる
Googleアナリティクス」と「Ranklet」様を連動させます。「Googleアカウント」のログイン用メールアドレスとパスワード入力が必需。皆気軽に行ってるTwitterの連動も実は危ない。乗っ取られる事があります。当方のアカウントはAdSense、Youtubeも使用しているので慎重に見定めないと危険。
Googleアナリティクスと連動させるGoogleアナリティクスと連動させる

利用規約に同意する
どのサービスも利用するには「利用規約に同意する」にチェックを入れなければならない。細かく書かれており理解する気も無いので判断は他のユーザに任せています。変な一文があれば「RPGアツマール」のようにTwitterなどで因縁付ける人がいて分かりますので。
利用規約に同意する

設定
デフォルト設定が全て使い難い物になっています。変更必需なのが四角で囲んだ「Google Analytics ビュー」と「SSL対応サイトですか?」の項目。自動で「Google Analytics」に最初に登録したサイトになってしまうので、今回利用するサイトに変更。「非SSL」ではGoogleの検索から弾かれるので「SSL」に。
下線は変えた方が良い物。無料版の最大「10位まで」にし、期間は使い易い「30日」に致しました。この「30日」は月単位で無いのが残念。

※ 月末にリセットされる物を愛用してる為
設定

プラン一覧
有料版へのアップグレードを促してきますが、装飾用のランキングに月980円は高いですね。ブログなら無料で付いてきますし、独自解析では無く「Google Analytics」のデータ流用でしょう?詳細は「Google Analytics」で直接見ますって。

個人で10個もサイト運営するの無理ですし…年間3,600円で3サイト20位迄が妥当かな?
プラン一覧

設定完了
自分の使い道に合わせ設定が終わりました。「Google Analytics」からデータを取得し右側に「Title」と「NAME="description"」が表示されます。四角く囲んだのは「PV」数ですが、サイトに貼り付けてもランキングに「PV」数が表示されません。これが今回の課題です。
設定完了

貼り付けタグを発行
上部メニューの「サイトへの掲載」をクリックするとタグが発行されます。ID部分にモザイクを掛けようか迷いましたが、右クリックでソース見れば分かりますので、隠す必要も無いかなと。
貼り付けタグを発行

デフォルトのデザインは酷い
赤枠の中が「Ranklet」様のアクセスランキングとなりますがデフォルトのデザイン酷いですね。記事の概要は分かり易いですが、こってり味のラーメンと言った感じです。
写ってませんが「10」は
1
 0

と縦に表示されています。一番気になるのが” 重要なPV数が表示されてない ”こと。
デフォルトのデザインは酷い

デザインの変更は自分で構文を書かなければならない
Ranklet」様は上級者向けで大手レンタルサイトのようにチェックなどで変えられず、管理画面から直接「HTML」「CSS」「JavaScript」を書き換えなければなりません。呼び出し式なのでランキングを貼り付け後でも平気です。
デザインの変更は自分で構文を書かなければならない

概要を無くし文字を本分と同じ大きさに
すっきりしました。まだ「10」が改行されてますが、別に良いでしょう
概要を無くし文字を本分と同じ大きさに
□ PV数を表示させる
問題の「PV」数表示ですが、「テンプレートの書き方」内にあるタグ一覧を見ると
{{metric}}」ですね
PV数を表示させる

HTML
サムネイルは使いませんので「ranklet-image」を「ranklet-pv」に書き換えました
<div class="ranklet ranklet-reset">
<table class="ranklet-table">
<tbody class="ranklet-pages">
{{#context.pages}}
<tr class="ranklet-page">
<td class="ranklet-rank">
{{rank}}
</td>
<td class="ranklet-pv">
{{metric}}
</td>
<td class="ranklet-meta">
<div class="ranklet-title">
<a href="{{url}}" class="ranklet-link">
{{title}}
</a>
</div>
</td>
</tr>
{{/context.pages}}
</tbody>
</table>
</div>

CSS
.ranklet-pv {
white-space: nowrap;
text-align: center;
font-size: 14px;
}

レンタルの多くは一番右側に「PV」数が表示されますが、順位の隣に出た方が見易いかなと、このままに致します。縦に「684」と表示されたのは流石に酷かったので、「white-space: nowrap」を導入し「PV」数のみ改行禁止に致しました。ただし「10」お前は駄目だ。
PV数を表示させる

□ 完全SSL化成功
年末から行ってる目標の「完全SSL化」に成功しました。「Ranklet」様の無料プランは1個までなので主力サイトに設置しましたが、残り2サイトはシンプルに「ACR WEB」様で良いかなと。
完全SSL化成功

Ranklet(人気記事ランキング)
初心者向け ★☆☆☆☆ 使い勝手 ★☆☆☆☆ デザイン ★☆☆☆☆ 軽い ★★★★★

Ranklet」様は軽く広告無し(サイト誘導はある)、SSLに対応してるのも良いですね。
正しプロ用って感じです。テンプレートを数種類用意して貰えるだけで全然違うのですが。

(記載:2020年1月17日)