SQLの窓 イラストAC フリー素材

2016年06月28日

DAZ3D : メイドの幽霊


最大表示 

これは公開用で、もう一つイラストAC バージョンがあります


メイドの幽霊

一般向けなので、幽霊の表現としては押さえています。公開用は、けっこうお遊び入りです。もっとやっても良かった感ありますが、人物を一色で作ってぼかして透明化して立たせても良かったかも。今度やってみよう・・・

これ作るために作ったパーツもイラストAC でフリーダウンロードです。


廃屋背景


木のテーブルとメイド


木のテーブル




posted by at 2016-06-28 02:24 | DAZ3D DAZStudio イラスト 2016 | このブログの読者になる | 更新情報をチェックする

イラストAC : 最近のおすすめ壁紙 / DAZ3D / DAZStudio

壁紙はわりと作りやすいジャンルで、ささっと作ったもののほうが構図的には良かったりします。ただ、いつも困るのが背景なので、作り置きの背景を沢山作っておくのがいいんですね。でも、そんな時間あったら、人物創りますよねぇ・・・普通。

デスクトップアイコンの都合があるので、全体的には暗く作ってます。( 全て 1600x1200 です )


女拳士

この背景は、Glitterato ですねぇ。


都市を守る少女


ドラゴンと戦う女性剣士


戦う女性剣士

ドラゴンと戦う女性剣士 の部分取り出しです。


睨む女

どれも、必ずレタッチは行ってます。素のレンダリングはどうしても色のインパクトが薄くでメリハリが無いので、いろいろやります。


宇宙の旅

これに関しては Iray 使用しています。メタリック効果は、とんでも無く凄いので、ロボットや金属の鎧を強調したい場合は Iray が簡単です( 付属のシェーダで全てまかなえる )。背景の山も Iray のシェーダをいろいろ使ってみて雰囲気をいろいろ試しました。

Iray の効果が顕著なのは、以下のイラスト(サンプル)です。


最大表示 

これは、Iray と 3Delight でそれぞれレンダリングしたものを重ねています。Iray は、こういった金属効果は凄いんですが、人体部分の『影』が消えるので、イラストとしての雰囲気が欲しい場合には困ります。なので、それぞれの良い部分の残して( いらない部分はお互いに消す ) 合成します。

無機物のリアルな質感は凄いですが、人物をあまりリアルにしすぎると、なんか魂入らない感が出ます。そりゃあ、後からのレタッチ次第かもしれませんが、素人作業にそんな時間多くかけれませんし。



posted by at 2016-06-28 01:58 | 壁紙:イラストAC | このブログの読者になる | 更新情報をチェックする

大阪府自転車条例 : 第十二条(自転車損害賠償保険義務化)及び第十三条が平成二十八年四月一日から施行

正直知らなかったです。自分自身は火災保険の特約として既にかなり前から入っていたので関係無いですが(家族が全て対象で、自転車事故で訴えられたり、重過失の火災で保険が支払われます)、水曜の授業で学生らには確認してあげなければいけません。

これは全て時代の流れです。自治体として、より問題を周知しようというのが目的であって、個人がどのような保険に入っているかを管理する事は不可能なので、『罰則はありません』

Q4自転車保険の加入義務違反で罰則等はありますか
自転車保険への加入を義務化していますが、罰則は設けておりません。これは、罰則を設けるためには、保険加入について確認を行わなければなりませんが、自転車事故を補償する保険には、自動車保険や火災保険、傷害保険の特約で付帯する保険等、加入者が本人ではなく家族が契約しているものなど、加入者それぞれの保険加入を証明することが困難なためです。

さらに、自転車には車両を登録するシステムがなく、車両番号がない場合もあるため、車体を特定し、罰則の対象を確認することが困難なため、罰則は設けていません。
http://www.pref.osaka.lg.jp/dorokankyo/osakajitensha/ 個人に対する罰則云々では無く、第13条における『自転車小売業者』に対する取り決めのほうが大きいです。何と言っても、一般の小売業者はこういった行政はまじめに守らないと商売できませんですし。 それと、いまだに知らない人も沢山存在するでしょうから、周りでこれだけはっきり情報が存在すれば、良い方向へ向くはずです。 ほんの4年前くらい 自分が火災保険入ろうと思った時ですが、当時『火災共済』に個人賠償責任特約が無く、普通の火災保険に入った経緯があります( 既に火災共済は入ってましたが、共済は特約が無かったので家財のみに切り替えました ) 当時まだ、大きな自転車事故のケースが発生してなかったような気かします。元々は、重過失の火災でも保険が支払われるように入ったもので、『訴えられた時』に有効だと認識しています。他にも、お店でものを壊してしまった時も有効だったはずで、保険の担当者の方が漫画イラストのパンフレットで説明してくれた記憶があります。 思うに、どこでも火災保険は入ってると思うので、ちょっと足すだけで、最高1億くらいの補償がされるはずです。
posted by at 2016-06-28 00:53 | 生活 : お金 | このブログの読者になる | 更新情報をチェックする

『ダイニング』 : イラストAC / DAZ3D / DAZStudio

『ダイニング』関連で4枚ほどイラストが溜まったので、まとめたいと思います。イラストとしては簡単な部類ではありますが、それだけにカメラの位置やライトを全体的に明るい環境光を使ったりと結局時間のかかるものです。

また、環境光を使うと急にレンダリング時間が長くなるのです。


リビングダイニングの部屋背景 : 1200x960

窓の外は透過にできるのですが、背景用として作ったので窓の外は夜を想定して JPG のみです。


リビングダイニングの部屋風景 : 1200x960

JPG と PNG があり、PNG は窓部分が透過になっています。JPG は、実写の風景を加工して嵌め込んでいます。奥の電灯の傘が本来は濃い赤だったのですが、目的としとするイラストに合わないので調整しました。


真夜中のリビングダイニングの妖精 : 1200x960

JPG のみのファンタジーイラストですが、同じ部屋を使っています。背景の惑星は Lunarcell で作成したものです。


ダイニング : 1600x1200

最近作ったものなので、サイズが 1600x1200 です。窓の外は、3D のドームを利用しています。あと、ダイニングでは無いのですが、同系の部屋の中の風景である『寝室』もあります。


夜の寝室 : 1200x900

この部屋は、他にバスルームとかもあるのでもっと増やしたいと思っています。が、レンダリングがめちゃめちゃ長い・・・んです。早く、グラフィックボード買わないといけませんね。





posted by at 2016-06-28 00:23 | 背景:イラストAC | このブログの読者になる | 更新情報をチェックする

2016年06月27日

DAZ3D : Aiko6 + Tears of the Gods( for Genesis 3 )


最大表示 

衣装は、Genesis3 の、とても良く出来たおすすめのアーマーです。ただ、オリジナル感が超台無しになる、頭部の羽は、Opacity で非表示になっています。そうすると、かなりかっこよくなるのでお勧めですね。また、この雰囲気に Aiko6 独特の目ゃメークがうまく映えています。

目変えると相当雰囲気変わるし、頭部のヘルメットも髪の毛だけでは、キャラが立たない気がとてもします。



▼ イラストAC にアップした同一キャラ



不敵な笑みを浮かべる少女戦士 (1) : 1000x1200


不敵な笑みを浮かべる少女戦士 (2) : 1000x1200


不敵な笑みを浮かべる少女戦士 (3) : 1000x1200


不敵な笑みを浮かべる少女戦士 (4) : 1200x1000


▼ 今日の追加作成

最大表示 

大きくしすぎたので、肩に毛がささってたり、ヘルメットを毛が突き抜けたりしてたので、手作業で修正しました。



posted by at 2016-06-27 21:57 | DAZ3D DAZStudio イラスト 2016 | このブログの読者になる | 更新情報をチェックする

Android 5.1(API 22) と Android 4.4(API 19) でのそれぞれの DatePicker ダイアログの扱い

Android 5.1(API 22) で DatePicker ダイアログを使用するには、テーマにスタイルを設定する必要があります。何もしないで呼び出すと、大きなカレンダーが表示されて変更できません。DatePickerDialog のコンストラクタで定義したスタイル指定する方法もありますが、テーマに全て設定するほうが簡単です。
<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <!-- コントロール用 -->
        <item name="android:datePickerStyle">@style/MyDatePicker</item>
        <!-- ダイアログ用 -->
        <item name="android:dialogTheme">@style/MyDialogTheme</item>
    </style>

    <!-- コントロール用 -->
    <style name="MyDatePicker" parent="android:Widget.Material.DatePicker">
        <item name="android:datePickerMode">spinner</item>
    </style>
    <!-- ダイアログ用 -->
    <style name="MyDialogTheme" parent="android:Theme.Material.Light.Dialog">
        <item name="android:datePickerStyle">@style/MyDatePicker</item>
    </style>

</resources>


しかし、この追加されたスタイルは、コントロールもダイアログも Android 4.4(API 19) では使用できないので Android 4.4(API 19) でテストする時はコメントにする必要があります。

実行処理
package lightbox.june.datepickercontrol;

import android.app.DatePickerDialog;
import android.app.Dialog;
import android.os.Bundle;
import android.support.v4.app.DialogFragment;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.View;
import android.widget.DatePicker;

import java.util.Calendar;

public class MainActivity extends AppCompatActivity {

	private Calendar calendar;
	private int year;
	private int monthOfYear;
	private int dayOfMonth;
	private DatePicker dp;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		dp = (DatePicker) MainActivity.this.findViewById(R.id.datePicker);

		// ********************************
		// 今日の日付
		// ********************************
		calendar = Calendar.getInstance();
		year = calendar.get(Calendar.YEAR);
		monthOfYear = calendar.get(Calendar.MONTH);
		dayOfMonth = calendar.get(Calendar.DAY_OF_MONTH);

		// ******************************
		// ボタン1
		// Spinner
		// ******************************
		MainActivity.this.findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {

				// ********************************
				// Spinner DatePicker ダイアログの処理
				// ********************************
				DatePickerDialog spinnerDatePicker;
				spinnerDatePicker = new DatePickerDialog(MainActivity.this, new DatePickerDialog.OnDateSetListener() {
					@Override
					public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
						Log.i("lightbox", String.format("%d-%d-%d",year,(monthOfYear+1),dayOfMonth ) );
					}
				}, year, monthOfYear, dayOfMonth);
				// 表示前に日付を設定する時の日付の変更方法
				spinnerDatePicker.getDatePicker().updateDate(year, monthOfYear, dayOfMonth);
				spinnerDatePicker.show();

				// ********************************
				// Spinner DatePicker コントロールの処理
				// ********************************
				dp.setSpinnersShown(true);
				dp.setCalendarViewShown(false);
				Log.i("lightbox", String.format("%d/%d/%d", dp.getYear(),(dp.getMonth()+1),dp.getDayOfMonth() ) );

			}
		});

		// ******************************
		// ボタン2
		// CalendarView
		// ******************************
		MainActivity.this.findViewById(R.id.button2).setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {

				// ********************************
				// CalendarView DatePicker ダイアログの処理
				// ********************************
				DatePickerDialog CalendarView;
				CalendarView = new DatePickerDialog(MainActivity.this, new DatePickerDialog.OnDateSetListener() {
					@Override
					public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
						Log.i("lightbox", String.format("%d-%d-%d",year,(monthOfYear+1),dayOfMonth ) );
					}
				}, year, monthOfYear, dayOfMonth);		// 表示前に日付を設定
				// 表示前に日付を設定する時の日付の変更方法
				CalendarView.getDatePicker().updateDate(year, monthOfYear, dayOfMonth);
				// 表示方法の変更
				CalendarView.getDatePicker().setSpinnersShown(false);
				CalendarView.getDatePicker().setCalendarViewShown(true);
				CalendarView.show();

				// ********************************
				// CalendarView DatePicker コントロールの処理
				// ********************************
				dp.setSpinnersShown(false);
				dp.setCalendarViewShown(true);

				Log.i("lightbox", String.format("%d/%d/%d", dp.getYear(),(dp.getMonth()+1),dp.getDayOfMonth() ) );
			}
		});

		// ******************************
		// ボタン3
		// Spinner DialogFragment
		// Spinner + CalendarView
		// ******************************
		MainActivity.this.findViewById(R.id.button3).setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {

				// ********************************
				// ダイアログ・フラグメント
				// ********************************
				DialogFragment newFragment = new DatePickerFragment();
				newFragment.show(getSupportFragmentManager(), "datePicker");

				// ********************************
				// Spinner + CalendarView
				// DatePicker コントロールの処理
				// ********************************
				DatePicker dp = (DatePicker) MainActivity.this.findViewById(R.id.datePicker);
				dp.setSpinnersShown(true);
				dp.setCalendarViewShown(true);
				Log.i("lightbox", String.format("%d/%d/%d", dp.getYear(),(dp.getMonth()+1),dp.getDayOfMonth() ) );
			}
		});

	}

	// ******************************
	// DialogFragment
	// ******************************
	public static class DatePickerFragment extends DialogFragment
		implements DatePickerDialog.OnDateSetListener {

		@Override
		public Dialog onCreateDialog(Bundle savedInstanceState) {

			// 初期値を DatePicker コントロールより取得
			DatePicker dp = (DatePicker) DatePickerFragment.this.getActivity().findViewById(R.id.datePicker);
			int year = dp.getYear();
			int month = dp.getMonth();
			int day = dp.getDayOfMonth();

			return new DatePickerDialog(getActivity(), this, year, month, day);
		}

		public void onDateSet(DatePicker view, int year, int month, int day) {
			Log.i("lightbox", String.format("%d-%d-%d",year,(month+1),day ) );
		}
	}
}


3つ目のボタンでは、DialogFragment を使用しており、初期値として DatePicker コントロールの値を使用しています。

Android Deveroper : DialogFragment for a date picker


※ 全てのソースコード



posted by at 2016-06-27 13:07 | Android | このブログの読者になる | 更新情報をチェックする

Android 5.1(API 22) と Android 4.4(API 19) でのそれぞれの DatePicker コントロールの扱い

手持ちの Android が 5.1 なら何も考えなくて良いのですが、実機テストをする為に Android 4.4 を Min SDK に設定しています。



この状態で、DatePicker コントロールを貼り付けると以下のようになります。



そして、プレビューを API 19 に変更すると以下のようになります。



実際、実機で実行するとその通りに Spinner 状態で表示され、setSpinnersShown と setCalendarViewShown で変更すると、表示も変わってくれます。

    

しかし、Android5.1(API 22)では、setSpinnersShown と setCalendarViewShown は動作してくれません。初期表示はカレンダー状態になります。( 月の変更の方法が良くわかりません )



そして、setSpinnersShown と setCalendarViewShown を動作させるには、スタイルを定義して DatePicker コントロール に設定してやる必要があります。ただ、これをする場合 Android 4.4(API 19) では、動作しないので Min SDK を変更する必要が出てきてしまいます。( 当然ですが、デバイス選択で実機が Gray out するので実機には転送できなくなります )


<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>

    </style>

    <style name="MyDatePicker" parent="android:Widget.Material.DatePicker">
        <item name="android:datePickerMode">spinner</item>
    </style>

</resources>






メインテーマに以下のように設定しておけば、DatePicker コントロールにスタイルを設定する必要はありません
<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="android:datePickerStyle">@style/MyDatePicker</item>
    </style>

    <style name="MyDatePicker" parent="android:Widget.Material.DatePicker">
        <item name="android:datePickerMode">spinner</item>
    </style>

</resources>




タグ:android
posted by at 2016-06-27 10:31 | Android | このブログの読者になる | 更新情報をチェックする

2016年06月12日

WenMoney に 1,633円あったので、PayPal から 311円 足して ロリポップの ライトプランに一ヶ月ぶん申し込んだ

▼ 初期費用が 1,500円。一ヶ月ぶん 300円。消費税 144円で、合計 1,944円です。


学校で学生に WEBサイトをテストさせたいので、良く使っても2ヶ月程度で解約すると思います。最初はフリーのレンタルサーバを考えたのですが、メール処理とかもテストさせてあげたいので、一時レンタルする事にしました。

とは言うものの、初期費用の事を失念していて、『1,944円・・・』と一瞬ためらいましたが、決済の方法に『おさいぽ』という専用のシステムがあって、そこの入金方法に WebMoney があって、自分のウォレットに 1,633円 の使い道の無いものがある事に気づいたので契約しました。

足りないぶんは、WebMoney に追加入金しようかと思って久しぶりに見に行ったら、インターネットバンキングでの入金ができないようになっていました。なんか、もーーー、いろいろ面倒です。



じゃあ、仕方無いので PayPal で追加 311円 しました。イザと言う時の PayPal です。海外で買い物するなら必須ですね。つっても DAZ3D 絡み以外では殆ど使った事は無いんですけれど。 

ロリポップのシステムに興味津々

ユーザページのパスワードと、FTP のパスワードが別々に設定できるので、学生に使わせるのはとても都合がいいです。ライトプランなんで、データベースは一つですが、phpMyAdmin も自動的に使えるようになります。このへんは『さくらインターネット』も使っていますが、業界としては当然のサービス内容でしょう。



まあ、しばらく学生には遊んでもらいましょう。

FTPSサーバについて

SFTP では無いです。FTP の拡張仕様です

でも、セキュアです。
(さくらインターネットは、SFTP ですけれど。)



メール容量

どうも、1メールアドレスで2ギガまで固定で使えるようです。さくらインターネットでは個別に容量設定できるんですが、まあ、あんまり使うものでも無いので比べても仕方無いかもしれません。
( 1つのサーバー契約で利用できるメールボックス容量の合計はライトで50GB )

アカウント数は、全プランで1アカウント10個と、少なめです。独自ドメインを契約すると無制限になるようですけれど、10個で普通は十分です。

WEBメール画面

なんか、ちょっと子供用みたいな UI です。



※ ロリポおじさんはいらない気がする




posted by at 2016-06-12 19:24 | WEBサービス | このブログの読者になる | 更新情報をチェックする

2016年06月11日

geolocation を使用して『都道府県選択コンボボックス』の初期値を現在の緯度・経度から選択する

2016/06/10
2016年4月ごろから、Google Chrome の仕様変更により、全て https の環境でないと geolocation が動作しなくなりました。( 参考記事 / 注 : localhost は動作します )


なので、このブログ内では動作しないので、自分のサイトにデモサンプルを設置しました。

1) 各都道府県の頭に頭文字のアルファベット追加するだけでも楽になる。
2) 今時なんだから、緯度経度から選択

HTML ページ
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
$(function(){

	$("#action").on("click",function(){
		navigator.geolocation.getCurrentPosition(function(target){
			$.get("https://lightbox.sakura.ne.jp/toolbox/g_ken.php?lat="
				+target.coords.latitude
				+"&lng="+target.coords.longitude,
				function(data){
					console.dir(data);
					console.log( data.prefectureCode );
					$("select[name='ken']").val(data.prefectureCode);
				});
		});
	});


});
</script>
</head>
<body>
<select name="ken">
	<option value="1">h 北海道</option>
	<option value="2">a 青森県</option>
	<option value="3">i 岩手県</option>
	<option value="4">m 宮城県</option>
	<option value="5">a 秋田県</option>
	<option value="6">y 山形県</option>
	<option value="7">f 福島県</option>
	<option value="8">i 茨城県</option>
	<option value="9">t 栃木県</option>
	<option value="10">g 群馬県</option>
	<option value="11">s 埼玉県</option>
	<option value="12">c 千葉県</option>
	<option value="13">t 東京都</option>
	<option value="14">k 神奈川県</option>
	<option value="15">n 新潟県</option>
	<option value="16">t 富山県</option>
	<option value="17">i 石川県</option>
	<option value="18">f 福井県</option>
	<option value="19">y 山梨県</option>
	<option value="20">n 長野県</option>
	<option value="21">g 岐阜県</option>
	<option value="22">s 静岡県</option>
	<option value="23">a 愛知県</option>
	<option value="24">m 三重県</option>
	<option value="25">s 滋賀県</option>
	<option value="26">k 京都府</option>
	<option value="27">o 大阪府</option>
	<option value="28">h 兵庫県</option>
	<option value="29">n 奈良県</option>
	<option value="30">w 和歌山県</option>
	<option value="31">t 鳥取県</option>
	<option value="32">s 島根県</option>
	<option value="33">o 岡山県</option>
	<option value="34">h 広島県</option>
	<option value="35">y 山口県</option>
	<option value="36">t 徳島県</option>
	<option value="37">k 香川県</option>
	<option value="38">a 愛媛県</option>
	<option value="39">k 高知県</option>
	<option value="40">f 福岡県</option>
	<option value="41">s 佐賀県</option>
	<option value="42">n 長崎県</option>
	<option value="43">k 熊本県</option>
	<option value="44">o 大分県</option>
	<option value="45">m 宮崎県</option>
	<option value="46">k 鹿児島県</option>
	<option value="47">o 沖縄県</option>
</select>
<input id="action" type="button" value="ブラウザの緯度経度で選択">
</body>
</html>


PHP
<?php
header( "Content-Type: application/json; Charset=utf-8" );
header( "pragma: no-cache" );
header( "Expires: Wed, 31 May 2000 14:59:58 GMT" );
header( "Cache-control: no-cache" );
header( "Access-Control-Allow-Origin: *" );

mb_internal_encoding('UTF-8');

$LIB_DIR = realpath(dirname(__FILE__).'/dgmsrc/').'/';
require_once $LIB_DIR.'Dm/Geocoder.php';
require_once $LIB_DIR.'Dm/Geocoder/Address.php';
require_once $LIB_DIR.'Dm/Geocoder/Prefecture.php';
require_once $LIB_DIR.'Dm/Geocoder/Query.php';
require_once $LIB_DIR.'Dm/Geocoder/GISCSV.php';
require_once $LIB_DIR.'Dm/Geocoder/GISCSV/Finder.php';
require_once $LIB_DIR.'Dm/Geocoder/GISCSV/Reader.php';

$addresses = Dm_Geocoder::reverseGeocode($_GET['lat'],$_GET['lng']);
print json_encode($addresses[0]);
使用した PHP ライブラリ


タグ:PHP
posted by at 2016-06-11 01:13 | JavaScript | このブログの読者になる | 更新情報をチェックする

2016年06月10日

クリックした入力フィールド以外をブラックアウトする jQuery プラグイン


クリックして他をブラックアウトしている間だけ、position:relative になります。それで問題の無いフィールドに使えると思います。
$.fn.extend({
	blackOut: function(){
		if ( $("#overlay_blackout" ).length == 0 ) {
			$( '<div id="overlay_blackout"></div>' ).appendTo( 'body' )
			.css({
				"background": "rgba(0,0,0,0.3)",
				"display": "none",
				"position": "absolute",
				"top": "0",
				"left": "0",
				"z-index": "99998"
			});

			$(window).on("load resize", function(){
				if ( document.documentElement.clientWidth < Math.max(document.documentElement.scrollWidth,document.body.scrollWidth) ) {
					$('#overlay_blackout').css("width", Math.max(document.documentElement.scrollWidth,document.body.scrollWidth) +'px');
				}
				else {
					$('#overlay_blackout').css("width", "100%");
				}
				if ( document.documentElement.clientHeight < Math.max(document.documentElement.scrollHeight,document.body.scrollHeight) ) {
					$('#overlay_blackout').css("height", Math.max(document.documentElement.scrollHeight,document.body.scrollHeight)+'px');
				}
				else {
					$('#overlay_blackout').css("height", "100%");
				}
		
			});

		}

		$(this).click(function(){
			$(this).css('position', 'relative');
			$(this).css('z-index', 0x7fffffff);
			$('#overlay_blackout').fadeIn(300);
		});

		var base = this;
		$('#overlay_blackout').click(function(){
			$(this).fadeOut(300, function(){
				$(base).css('position', 'static');
				$(base).css('z-index', 'auto');
			});
		});


	}
});


※ 入力関係以外でも、大きさを持つ要素ならば使えると思います
※ 環境によっては、'<div id="overlay_blackout"></div>' ではなく '<span id="overlay_blackout"></span>' にするといい場合があります( 例 : mmenu を使う場合 )


posted by at 2016-06-10 22:11 | jQuery | このブログの読者になる | 更新情報をチェックする
Seesaa の各ページの表示について
Seesaa の 記事がたまに全く表示されない場合があります。その場合は、設定> 詳細設定> ブログ設定 で 最新の情報に更新の『実行ボタン』で記事やアーカイブが最新にビルドされます。

Seesaa のページで、アーカイブとタグページは要注意です。タグページはコンテンツが全く無い状態になりますし、アーカイブページも歯抜けページはコンテンツが存在しないのにページが表示されてしまいます。

また、カテゴリページもそういう意味では完全ではありません。『カテゴリID-番号』というフォーマットで表示されるページですが、実際存在するより大きな番号でも表示されてしまいます。

※ インデックスページのみ、実際の記事数を超えたページを指定しても最後のページが表示されるようです

対処としては、このようなヘルプ的な情報を固定でページの最後に表示するようにするといいでしょう。具体的には、メインの記事コンテンツの下に『自由形式』を追加し、アーカイブとカテゴリページでのみ表示するように設定し、コンテンツを用意するといいと思います。


※ エキスパートモードで表示しています

アーカイブとカテゴリページはこのように簡単に設定できますが、タグページは HTML 設定を直接変更して、以下の『タグページでのみ表示される内容』の記述方法で設定する必要があります

<% if:page_name eq 'archive' -%>
アーカイブページでのみ表示される内容
<% /if %>

<% if:page_name eq 'category' -%>
カテゴリページでのみ表示される内容
<% /if %>

<% if:page_name eq 'tag' -%>
タグページでのみ表示される内容
<% /if %>
この記述は、以下の場所で使用します