たこつぼくらぶ

ABOUT

たこつぼくらぶとは

HTMLとかCSSとか勉強中の管理人による実験室。

テンプレート・スキン展示サイトです。一部配布も試験的に行っています。（削除する可能性もあります）

「てがろぐ」自体の機能などの質問はてがろぐ開発者様に、HTML・CSSの疑問はぐーぐる先生とかに聞いてください。基本的にド素人なので、「こうやったらうまくいきました」「公式ドキュメントのここを見ました」の説明はできますが、「こうやるのが正解ですよ」という指導はできないものとご理解ください。

当サイトで公開している各カスタマイズスキンデザインはご自由に参考にしていただいて結構ですが、サイト内の文章・画像の転載はご遠慮ください。当サイトで使用している画像は特に記載のあるものを除き、管理人（おくと）が作成しています。

当サイト配布のスキン・タグをコピーするなどして発生した如何なる事態にも管理人は責任を負いかねます。

サーバー

XREA(無料版)
詳しいサーバー仕様・機能等は公式のマニュアル、説明ガイド等からご確認ください。

動作確認

PC : windows11 / Edge , Vivaldi
SP : iOS (最新版) / safari

プライバシーポリシー

「たこつぼくらぶ」では、以下の個人情報を収集します。

お問い合わせフォーム
- 氏名（入力された場合）
- メールアドレス（入力された場合）
- ホスト名
- IPアドレス
サーバー付帯のアクセス解析
- ブラウザ、OSなどの閲覧環境
- IPアドレス・ホストなどの閲覧者の情報
- どのページが閲覧されたか、いつ閲覧されたかなどの統計情報
- 他、XREAのアクセス解析項目に準じます。

取得した個人情報は、お問い合わせの返信、およびサイトサービス向上等に使用し、第三者への売却・譲渡は行いません。
（行政・警察等、公的機関およびサーバーからの要請があった場合を除く。）
本ポリシーの内容は、ユーザーに通知することなく、変更することができるものとします。変更後のプライバシーポリシーは、本ウェブサイトに掲載したときから効力を生じるものとします。

制定：2023年2月21日

cookieポリシー

「たこつぼくらぶ」ではサービスとして特にcookieを使用していないので、拒否する場合はご利用のブラウザで設定してください。

当サイトへのリンクについて

サイト名：たこつぼくらぶ（Takotubo Club）

アドレス：http://takotubo.s239.xrea.com/

管理人：おくと

管理人

なまえ:おくと

web素人。

@takotubo_club

SKIN

各スキンに適用されている機能、表示場所の確認のため、デフォルトスキンを公式配布の標準スキンにしております。カテゴリ「スキン」にある投稿から各スキンを適用してください。

スキン	説明	確認ver	配布
通常スキン
skin-tako-1	白黒/シンプル/１カラム/タブ型スキンです。	3.8.0	なし
skin-tako-2	赤アクセント/シンプル/左サイドバーでタブっぽく表示するスキンです。	3.8.0	なし
skin-tako-3	小説作品展示向き/一覧はリストで、単独表示は縦書きで表示するスキンです。	3.8.0	なし
skin-tako-4	シンプルなスキンです。各種メニュー（カテゴリやタグリストなど）は無く、携帯サイトのリアルタイム日記のような雰囲気です。	3.9.0	zip
skin-tako-5	状況に応じて表示が変わるスキンです。１カラム一覧表示・２カラム疑似フレーム・タイトルのみの表示など、様々な表示を設定できます。	3.9.0	zip
ギャラリースキン
スキン	説明	確認ver	配布
gallery-tako-1	ギャラリーモード用のスキンです。ＮＳＦＷフラグ画像、鍵投稿の画像は専用の代替画像に差し替えられます。画面サイズによって列数が変わります。（だいたいPCで4列、スマートフォンで1列想定	3.9.0	なし

LINK

CGI・使用ツール

てがろぐ: にししファクトリー様で配布されている「てがろぐ」というCGIを使用させていただいております。
PHP工房: メールフォーム（無料版）を使用させていただいております。
faviconジェネレーター: ファビコンを簡単に生成できます。
日本語ダミーテキスト生成器: 使用しているダミーテキストを生成しています。
TOOL SITE: 「文字画像作成機」にて、メールアドレスの画像を生成しています。

サーチ

てがWA!: てがろぐを利用しているサイト（創作・スキン・Tips等）のサーチエンジンです。

リセットCSS

ress.css: トップページ、スキン１～３で使用しているリセットCSSはこちらです。
destyle.css: スキン４で使用しているリセットCSSはこちらです。

配色参考サイト

原色大辞典: カラーコード、色見本、配色パターンなどを公開されています。
Happy Hues: 配色パターンについて、実際のWEBサイトのページの配色を閲覧できます。
palettemaker: 配色パターンについて、さまざまな状況での配色を閲覧できます。

アイコン・フォント

Font Awesome: 無料で使用できるWebアイコンフォントです。
Google Fonts: 無料で使用できるWebフォントです。日本語のフォントもあります。

参考サイト

HTMLクイックリファレンス: HTML&CSS リファレンス、そのほかWEB制作Tipsなどを発信されています。
MDN Web Docs: HTMLやCSSなどの様々なウェブ技術の文書を扱うサイトです。（リンクは日本語版）
TAG index: HTML&CSS Web制作リファレンスサイトです。

てがろぐスキン配布サイト

do: 「minimal」というスキンを配布されています。そのほか、いいねボタンやひとことフォームなどのプログラムやテンプレートを配布されています。
チラ裏ソリロキー: 「Tan」「Less」「Noir」という三種のスキンを配布されています（現在はアーカイブ済）。そのほか、WEB制作でのノウハウ等を発信されています。
ブラウニーの型紙屋: 「TwitLike」「BitStyle」というスキンを配布されています。
メモモモモ: メニュー「スキン配布」から、タブレット向けのスキンを２種配布されています。
10press: メニュー「コンテンツ」から「daydream」というスキンを公開されています。そのほか、夢小説スプリクトの対応方法など、てがろぐの便利な使い方やCMS「freo」のTipsなどを発信されています。