探索アドベンチャーゲーム「REODA」Chapter-06<ヴェネツィア>をリリースしました。REODAシリーズ6話目です。ノベルゲーム+脱出ゲーム風探索アドベンチャーゲーム「REODA」Chapter-06<ヴェネツィア>はこちらからシリーズ全体を通した物語を楽しんでいただくため、このシリーズのプレイは初めてとおっしゃる方は、第1話からプレイしてください。comments(0)←コメントはこちらからお願いします。ネットワーク)様のサイトがリニューアルオープンいたしました。【2】自然免疫を活性化する技術の普及を目的として活動しています。「自然免疫」をキーワードに、安心・安全な食と環境を目指して、産学官で協力し、そのネットワークを環瀬戸内から全国へ、世界へ広げていきたいと思っています。---------------------------------------------------------(サイトより抜粋)株式会社ピクセル工房がサイト制作を担当させていただきました。弊社ホームページの制作実績ページにも掲載しています。comments(0)←コメントはこちらからお願いします。自分史ムービー制作「メモリーズ」様のサイトオープン幸せな人生だから、今家族に伝えたい想い!自分史ムービー〜Memories〜メモリーズあなたの人生を、写真とメッセージでつづり、DVDに仕上げます。サイトはこちらhttp://jibunshi-movie.com/株式会社ピクセル工房がサイト制作を担当させていただきました。弊社ホームページの制作実績ページにも掲載しています。comments(0)←コメントはこちらからお願いします。久々のZwiftじつは4週間ほど前に急に腰を痛めまして。昨年の悪夢がよみがえったような、苦痛の毎日を過ごしておりましたが、ようやくほぼ痛みも治まってきたので、きょうは久しぶりに自転車にまたがりローラー台を回してみました。Zwiftを動かしながら、です。Zwiftは4週間ぶり、そして自転車はなんと4ヶ月ぶりです。ここ最近はルームランナーでランニングばかりでしたから。久しぶりということで、けっこうシンドイですけど、私が休んでいる間にまた新しいコースが増えていたので、そこを走ってみることにしました。景色は新鮮ですが、アップダウンの繰り返しなので、常にチェンジをカチャカチャと動かしながらの走行です。それがまた楽しみでもあるのですが。楽しいのでついつい頑張ってしまうのですが、あんまりやりすぎるとまた腰がぶり返してはたまらんので、そこそこでやめときます。comments(0)←コメントはこちらからお願いします。探索アドベンチャーゲーム「REODA」Chapter-05<イギリス>をリリースしました。REODAシリーズ5話目です。ノベルゲーム+脱出ゲーム風探索アドベンチャーゲーム「REODA」Chapter-05<イギリス>はこちらからシリーズ全体を通した物語を楽しんでいただくため、このシリーズのプレイは初めてとおっしゃる方は、第1話からプレイしてください。comments(0)←コメントはこちらからお願いします。ホームページがリニューアルオープンしました。Webサイトはこちらです。↓http://shizenmeneki.org/もちろんスマホからのアクセスもOKです。リニューアル前の最初のバージョンが2010年制作でしたので、9年ぶりということになります。インターネットの世界で9年10年というと大昔と言われるほど、この世界はスピードが速いし、その間、サイトの構造やデザインなどの主流もずいぶんと変わるし、流行も変わってまいります。別に流行を追い続ける必要もないのですが、さすがに10年も前のサイトは、今見るとやはり「古くささ」が目に付きます。構造的なものについては、まずモバイル対応がなされているかどうか。10年前というとスマートフォンというものが広く一般に普及しだした時代です。スマホの先駆けとなったiPhoneが日本で発売されたのが2008年だそうです。その当時は、まだほとんどのホームページはパソコンにしか対応しておらず、スマホへの対応が必須と言われるようになったのはそれから数年経ってからのことです。今となっては、モバイル対応・スマホ対応をするのは当たり前。してないとGoogleもお客様にも相手にしてくれないというのが現状となっています。弊社では、2014年秋頃からレスポンシブWebデザインという手法によりスマホ対応を積極的に行うようになり、当時から現在までの制作例のほぼ9割方はレスポンシブのサイトとなっております。この先、また別の技術が開発され、スマホ対応の手法が変わっていく可能性も充分に考えられることではありますが、できるだけ積極的に対応していくように努力いたします。comments(0)←コメントはこちらからお願いします。「JUGEM」は、ロリポップやムームードメインと同じGMOペパボ株式会社が提供しているブログシステムです。使い勝手やサービスなどは他のブログとさほど変わらないのですが、閲覧するデバイスとしてスマホが主流となっているこのご時世に、スマホ用のテンプレートがあまり充実しておらず、しかも、「自分でカスタマイズするか、レスポンシブ化してパソコン用とデザインのテイストをそろえたい」などと考えているプロ、またはハイエンドユーザーにとっては、有料版にしない限りなんにも触らせてもらえないというブログシステムとなっています。(ペパボさん、すみません)実は、私も自社サイトをレスポンシブデザインにしたついでに、ブログもレスポンシブにしようとしました。・・・いや、レスポンシブにしたのです。ところが、スマホからアクセスすると強制的にスマホ版のテンプレートのほうに行ってしまい、レスポンシブの設定は全く無駄な作業となっていました。レスポンシブ」などのキーワードでググってみることにしました。諸先輩方がなにかヒントを与えてくださるかもしれません。PLUS”を契約して、フリースペースにjavascriptのコードを挿入しましょう」と書かれています。無料版ではタグ等を入れることはほとんどさせてもらえませんが、有料版なら一部触れる箇所があるということです。私の場合、無料版JUGEMといっても少し普通のとは違っていて、レンタルしているロリポップサーバーに付属している「ロリポブログ」(中身はJUGEMと同じもの)を使用しており、これは無料でありながら広告が出ないブログになっています。「広告がうっとうしいので非表示にしたい」という理由で有料版にする人が多い中、「せっかく広告は出ないのにわざわざ毎月300円払って有料版にするのもどうかなあ?」という理由だけで、有料版にすることに二の足を踏んでしまう・・・、ケチくさくてすみません。そんなわけで、「いやどこかに抜け道はあるはずだ」と、ああでもないこうでもない、といろんなことを試してみました。「HTML編集」でコードをいじってみたり、サイトタイトルやサブタイトル、記事のタイトルなどにコードを挿入してみたり。パソコン版のHTML編集は、スマホ版とはテンプレートが別なのでなにをやっても無駄だし、タイトルなどを入れるフォームはそもそもHTMLは受け付けないしで、結局、無料版では根本的に無理。いうか、HTMLのタグを挿入できるところは2カ所しかないのです。・・・え?2カ所は挿入できるんだ。逆に言えば、無料版で触れるその2カ所を触れば、可能になる・・・ということなのですね。前振りが長くなりすぎましたが、ここからがいよいよ本題です(笑)。その前に(まだ前振りがあるんかいっ!!)、今から書く内容は、「レスポンシブWebデザイン」を知っている、プロまたはハイエンドアマチュア向けな内容となっていますので、基本的にレスポンシブ対応のHTMLやCSSはすでに書いた上での話、もしくは書くのを前提とした話となっていますのでご了承ください。レスポンシブWebデザインの詳細については、長くなるのでここでは省略します。他のサイトやブログでとてもわかりやすく書かれている記事もたくさんあるので検索してみてください。有料版では、レスポンシブにするために行うのはたった1カ所。フリースペースに<script>javascript:pcview_on();</script>を1行記述するだけです。無料版ではスマホ版のフリースペースは使えません。↓管理画面の「モバイル→フリースペース」を選ぶと、このような画面になり、有料版にすることを要求されます。無料版の場合はHTMLなどのタグを挿入できるのは2カ所。1.「ブログを書く→記事の投稿、または記事の編集・削除」の「記事の内容」フォーム内(ただし<HTML>モード)2.「設定→ユーザー設定→プロフィール編集→自己紹介」のフォーム内この2カ所だけはタグを挿入できます。-------------------------------------------さて、それでは実際に作業を行うことにいたしましょう。触るところは全部で3カ所です。文章のどの位置でもかまいませんから(上のほうに書いた方がすぐ読み込むのでいいかも。FacebookでシェアするとFacebookのタイムラインでコードも最初に表示されてしまうので、その場合は最下部に入れた方がいいかも)<script>javascript:pcview_on();</script>というコードをフォーム内に挿入してください。通常のように投稿ボタンを押して更新いたします。この作業は、投稿する度に毎回行ってください(それが少々面倒くさい)。「設定→ユーザー設定→プロフィール編集→自己紹介」のフォーム内にもこのコードを挿入しておくことをお勧めいたします。これは検索エンジンなどから直接プロフィールページにランディングされた場合(滅多にそんなことはないと思いますが)にもレスポンシブが効くようにする設定です。↓この画像では最下部に挿入していますが、上部に挿入した方が少しでも先に読み込むのでそのほうがいいかもしれません。注意点として、ここに挿入するタグは途中で改行せずに1行で書いた方がいいでしょう。/>というタグが挿入され、うまく作動しない可能性があります。(作動するかもしれない。未検証)この作業を行うのは1回だけでいいです。これを切り替えておかないと、「リスト表示形式」ではせっかくタグを挿入した記事本文が表示されませんので、レスポンシブが効きません。↓この作業も1回だけでいいです。以上で、無料版JUGEMでもレスポンシブが可能となり、ご自分で好みのデザインのレスポンシブ対応CSSを書いて、表示させることが可能となります。一応、不都合な面も書いておきましょう。この方法を参考にされる方は、基本的にHTMLやCSS、更にはレスポンシブに大変詳しい、プロかハイエンドアマチュアの方と思われますが、それ以外の、「そもそもレスポンシブって何?」とか、「HTMLってなんぞや」とおっしゃる方には、念仏にしか聞こえないでしょう。ホームページ制作業者がクライアント様のサイトやブログをレスポンシブ仕様にして、ブログの更新はクライアント様ご自身でされるようにお願いしたとしても、クライアント様が毎回の投稿時に、わざわざ「HTMLモード」に切り替えてJavascriptコードを挿入してくれるかどうか・・・。ハードル高いかもですね。クライアント様:「えーーー?毎回そんな面倒なことをしなきゃいけないの?ブログを書くだけでも面倒なのに・・・じゃあもうブログなんか書かねぇ!!」・・・と言われるかも。ブログは最新記事が一番上に表示され、古い記事はどんどん裏に回っていきますから、常に上記のJavascriptコードを記事本文中に埋め込み続けなければなりません。新規投稿をする度にです。これは素人さんでなくても(プロでも)毎回となると面倒くさいし、うっかり挿入し忘れなんてことも。ブログ更新はパソコンで行う必要があるということです。スマホ版の管理画面(投稿フォーム)には「HTMLモード」がありません。それが面倒くさいという方は、素直に有料版にすべきですね。有料版なら、最初に1回だけフリースペースに挿入するだけで済みますから。私の場合、毎回手間をかけてでも、有料版にはしたくなかった、というのが、今回の方法を見つけ出すことにつながったと言えます。(ただのケチやんけ)もし、「そんな面倒なことをしなくても、うまくいく方法あるよ!」とおっしゃる方がいらっしゃいましたら、是非その方法を無料でお教えください(笑)。レスポンシブWebデザインがうまく作動した当ブログのスマホ表示↓ちなみに、レスポンシブではなくJUGEMのスマホテンプレート表示の場合↓こんなふうに、ずいぶん表示に違いがあるのですね。comments(0)←コメントはこちらからお願いします。看板ピクセル工房を立ち上げてから15年目。法人化してから5年目。会社の看板ができ、玄関横に取り付けました。自作と言っても100%自作というわけではなく、データは私が作成しましたが出力は看板屋さんにお願いしました。耐光性、耐水性があるので屋外設置でも数年以上は持つそうです。表面にボルトで貼り付けてある透明アクリル板はオーダーで専門業者に注文いたしました。後ろの格子は、築70年の我が家のリフォーム前に玄関にあったものを洗って色を塗って仕上げました。comments(0)←コメントはこちらからお願いします。去る6月10日に、北島町の「きたじま皮フ科」様のサイトが完成しました。北島町にあるチューリップ公園がメイン画像になっています。有限会社ソニックプランさんのプロデュースです。comments(0)←コメントはこちらからお願いします。HPリニューアル少し前になりますが、4月25日に大道の大久保病院様のサイトがリニューアルオープンいたしました。中庭の大きな桜の木がシンボルです。有限会社ソニックプランさんのプロデュースです。comments(0)←コメントはこちらからお願いします。い日本そんなにゆっくりどこへ行く。レンタルサーバ安定・高速の高性能サーバで柔軟なサービス対応。■ゲーム脱出系探索アドベンチャーゲーム。