02. 5月 2018 · ヨガ教室サイト完成真近 はコメントを受け付けていません。 · Categories: Adobe, dreamweaver8, HTML5+CSS

yogalife

今作成中の商用サイトYOGALIFEの完成が真近になってきた。
2回ほどクライアント様と打ち合わせをしてページに入れる画像や内容などを検討してきた。
ページのレイアウトは私に任せて頂いたので数年前に請け負った商用サイトの作成よりも気分が楽だった。
下請けの場合は作成会社からの要望も多く、また画像の提供も遅くなかなか進まなかった。
作成中のサイトも数箇所クライアント様から連絡があれば完成となる。
そして、クライアント様から承諾が得られればクライアント様のブロバイダーにアップロードして完成となる。

上は、Dreamweverで作成中のPC画面をPrintScreenした画像です。
今回は、HTML5+CSS3で作成したのでIE・GoogleChrome・Firefoxなどで見たときのレイアウトの崩れはほとんどありませんでした。
今回も一番悩んだのは全体のレイアウトでした。
ヨガに関するサイトも数多く見ましたが、あまり使われなくなったタグ使いなども多く、構築の方法もいろいろでした。
しかし、これはと思うサイトはソースを見てもプロらしくレイアウトやタグ使いも素晴らしく構築されていました。
私の作成したヨガサイトもページ数は少ないのですがどの様な評価が得られるか楽しみでもあります。
時間があればスマフォの専用サイトも作りたいですね。
下は、作成中のヨガサイトYOGALIFEのトップページです。(仮のサイトです)

yogalife

追記
現在作成中の栃木市のヨガ教室YOGALIFE Naomiの作成も終盤。
5月始めごろにはお客様のブロバイダーにアップロード出来ると思います。
現在作成中のYOGALIFE Naomiは五月の風から見ることが出来ます。

にほんブログ村 地域生活(街) 関東ブログ 栃木県情報へ にほんブログ村 IT技術ブログ Webサイト構築へ 

27. 4月 2018 · Illustrator7.0Jをwindows7で はコメントを受け付けていません。 · Categories: Adobe, ソフト

今回は、前回に引き続き手持ちの古いソフトをwindows7にインストールしてみました。
ソフトはIllustrator7.0Jで1997年にリリースされたイラストを作成するための編集ソフトです。
前回紹介したPhotpShop5.0と同じくwindows7にインストールしようとしましたが認識してくれませんでした。
サイトを検索した結果、下記の方法でインストールが完了しました。
殆ど、PhotpShop5.0のインストール方法と同じです。
私の場合、古いノートPCにwindowsXPを再インストールしてソフトプログラム等をコピーしました。

Illustrator7.0JがインストールされているwindowsVista以前のパソコンがある場合は そのパソコンの一部のファイルをコピーし、 無い場合は 一度windowsVista以前のPCにインストールした後一部のファイルをUSBメモリー等にコピーします。
コピーする方法は…
“C:\Program Files\Adobe\Illustrator7.0J”をフォルダごとUSBメモリー等にコピーします。
次に DLLファイル 6個を検索を行い、今コピーしたIllustrator7.0Jのフォルダーの中にコピーします。
コピーするファイルは…
pcdlib32.dll
sprof32.dll
kpcp32.dll
kpsys32.dll
pfpick.dll
icccodes.dll
ファイルとフォルダーの検索で検索した後ドラッグ&ドロップでコピーします。
コピーが完了したIllustrator7.0Jのフォルダーをwindows7のパソコンのフォルダーにコピーします。
64ビット版OSの7の場合、
“C:\Program Files (X86)\Adobe\Illustrator7.0J”へコピーします。
32ビット版OSの7の場合、
“C:\Program Files\Adobe\Illustrator7.0J”へコピーします。
次に、インストールされているパソコンの
C:\Program Files\Common Files\.Adobeの中の
Calibration
fonts
Help
TypeSpt
web
の5個のフォルダーをフォルダごとUSBメモリー等にコピー
したものをwindows7のC:\Program Files\Common Filesの中にあるAdobeのフォルダー内にコピーします。
※ Common Files内に新しい同名のファイルがある場合は上書きしない事。
最後にC:\Program Files (x86)\Adobe\Illustrator7.0Jの中にあるIllustrator7.0.exeのプロパティーの、互換モードの設定をWindows XP(sp3)互換モードで起動するにチェックを入れて起動する。

以上が私が試したインストール方法です。
早速、使ってみましたがPhotoShop5.0と同じく不具合などは出ていません。(トップ画像)
只、スタートメニューにはアイコンが登録されないみたいなのでファイルの中にあるアイコンのショートカットを作ってメニューに張り付けました。
参考サイト MIRABLOG

追記
現在作成中の栃木市のヨガ教室YOGALIFE Naomiの作成も終盤。
5月始めごろにはお客様のブロバイダーにアップロード出来ると思います。
現在作成中のYOGALIFE Naomiは五月の風から見ることが出来ます。

にほんブログ村 地域生活(街) 関東ブログ 栃木県情報へ にほんブログ村 IT技術ブログ Webサイト構築へ 

19. 4月 2018 · Photoshop5.0をwindows7で はコメントを受け付けていません。 · Categories: Adobe, ソフト

古いCDを整理していたら、AdobePhotoshop5.0の入ったCDが出てきた。
AdobePhotoshop5.0は、1998年にAdobeからリリースされた優れた画像編集ソフトです。
その後、2000年ごろに何とか買い求めサイト作成の画像処理ソフトとして長年愛用してきました。
勿体無いので、今使っているPC(windows7 64bit)にインストールしてみた。
しかし、古いソフトだけにPCが認識せずインストール出来ない。
何とか古いソフトが使えないものかとサイトを検索してみた。
やはり、同じ悩みを持った方がいるらしくそのサイトで詳しく解説されていました。
そのインストール方法を要約したのが下です。

Photoshop 5.0JがインストールされているwindowsVista以前のパソコンがある場合は そのパソコンの一部のファイルをコピーし、 無い場合は 一度windowsVista以前のPCにインストールした後一部のファイルをUSBメモリー等にコピーします。
コピーする方法は…
“C:\Program Files\Adobe\Photoshop 5.0J”をフォルダごとUSBメモリー等にコピーします。
次に DLLファイル 6個を検索を行い、今コピーしたPhotoshop 5.0Jのフォルダーの中にコピーします。
コピーするファイルは…
pcdlib32.dll
sprof32.dll
kpcp32.dll
kpsys32.dll
pfpick.dll
icccodes.dll
ファイルとフォルダーの検索で検索した後ドラッグ&ドロップでコピーします。
コピーが完了したPhotoshop 5.0Jのフォルダーをwindows7のパソコンのフォルダーにコピーします。
64ビット版OSの7の場合、
“C:\Program Files (X86)\Adobe\Photoshop 5.0J”へコピーします。
32ビット版OSの7の場合、
“C:\Program Files\Adobe\Photoshop 5.0J”へコピーします。
次に、インストールされているパソコンの
C:\Program Files\Common Files\.Adobeの中の
Calibration
fonts
Help
TypeSpt
web
の5個のフォルダーをフォルダごとUSBメモリー等にコピー
したものをwindows7のC:\Program Files\Common Filesの中にあるAdobeのフォルダー内にコピーします。
最後にC:\Program Files (x86)\Adobe\Photoshop 5.0Jの中にあるPhotoshp.exeのプロパティーの、互換モードの設定をWindows XP(sp3)互換モードで起動するにチェックを入れて起動する。

以上が私が試したインストール方法です。
早速、使ってみましたが不具合などは出ていません。(トップ画像)
只、スタートメニューにはアイコンが登録されないみたいなのでファイルの中にあるアイコンのショートカットを作ってメニューに張り付けました。
参考サイト tetsuのブログ2

にほんブログ村 地域生活(街) 関東ブログ 栃木県情報へ にほんブログ村 IT技術ブログ Webサイト構築へ 

18. 4月 2018 · 久々の商用サイト作成 はコメントを受け付けていません。 · Categories: Adobe

先日、友人からサイト作成の依頼があった。
サイトは商用サイトで、ヨガ教室を運営しているクライアント様から依頼だ。
今迄に商用サイトの作成は10サイトほど手懸けたが、今回の依頼は数年ぶりだ。
友人からの依頼なので出来るだけ新しい構築を目指したい。
適用するバージョンは最新のHTML5+CSS3で構築してみようと思う。
使用する構築ソフトは、DreamweaverとBlueGriffon
DreamweaverはAdobeの優れた構築ソフトで長年愛用してきた。
BlueGriffonは無料で使えるフリーソフトだがDreamweaverに負けじ劣らずの優れものだ。
その様な訳で作成したのが上の写真だ。
まだまだ未完成だが、クライアント様と打ち合わせしながら完成して行きたい。
作成の進捗をクライアント様が確認できる様に私のサイト五月の風ヨガ教室に載せてみた。

にほんブログ村 地域生活(街) 関東ブログ 栃木県情報へ にほんブログ村 IT技術ブログ Webサイト構築へ 

02. 4月 2018 · Lenovo IdeaPad S206でAndroidStudio はコメントを受け付けていません。 · Categories: android, Linux, Ubuntu, プログラミング

娘の所に有ったLenovo IdeaPad S206が帰ってきた。
早速、起動してみたが異常はないようだ。
OSはwindows7が入っているのだが、予備用としてUbuntu(64bit)を入れることにした。
バージョンは動作が安定している16.04LTSを入れてみた。
以前、DVDにDLしておいた16.04LTSのisoファイルからのインストールで難なくクリアー。
スペックの低い古いノートだがwindows7に比べて起動が速い。

 

そして、このノートにLinux版のAndroidStudioを入れてみた。
バージョンは最新のAndroidStudio3.1
しかし、インストールするのに数時間を要した。
ダウンロードだけで6時間、インストールで1時間。
あまり進まないのでPCに不具合があるのかと不安だったが何とかクリアー。
早速、立ち上げてみたがwindowsに比べると同じ環境でも起動が速い感じ。

 

内蔵バッテリーは2時間位持つので出先でプログラミングするのも楽しみになるのではないかと思う。
まずは、今、作りかけの巡礼観音in栃木を何とか完成させることだ。
そして、次はダムin栃木のデータをスマフォなどの端末で見られるようプログラミングしようと思っている。
追記
帰ってきたノートは以前紹介したLenovo IdeaPad S300ではなくLenovo IdeaPad S206でした。

にほんブログ村 地域生活(街) 関東ブログ 栃木県情報へ にほんブログ村 IT技術ブログ Webサイト構築へ 

06. 3月 2018 · Lenovo IdeaPad S300でAndroidStudio再開 はコメントを受け付けていません。 · Categories: android, windows7, ソフト

Lenovo IdeaPad S300が帰ってくる。(上写真)
私が2014年ごろ購入したノートPCで、あまり使わなかったので嫁にいった娘に譲ったノート。
娘も使わなくなったので返してくれるらしい。
4月に新築が完成しこちらに越して来るときに持って来るそうだ。
今、家にあるPCは全部で5台(デスクトップ3台、ノートが2台)だが1台増えるとなると、さて何に使うか迷ってしまう。

昨年の9月ごろスマフォ用のプログラムを作るために手持ちのDellLATITUDE D430にAndroidStudioを入れてみたのだがメインメモリーが2GBのため正常に動作しなかった。(上写真)
ちょっと古いが、Lenovo IdeaPad S300ならメインメモリーが4GBあるのでAndroidStudioが正常に動作するのではないかと思う。

 

上は、昨年の11月までAndroidStudioでプログラミングしていた巡礼観音in栃木だが今は中断している。
ノートPCが戻ってきたらAndroidStudioを入れて作成を続行しようと思っている。
何時の日か、スマフォで巡礼観音in栃木が見られる日がくるのではないかと思う。
巡礼観音in栃木の元になるデータは霊場巡礼in栃木で見られます。
霊場巡礼in栃木

にほんブログ村 地域生活(街) 関東ブログ 栃木県情報へ にほんブログ村 IT技術ブログ Webサイト構築へ 

30. 12月 2017 · カメラバラバラ修理可能なのだ はコメントを受け付けていません。 · Categories: etc

数年前に義兄から譲り受けたハンディービデオカメラの液晶画面の動作が不能になってしまった。
指でタッチしても反応が無い。
製造は2005年、今から12年前に作られたソニーハンディーカムDCR-HC90
カールツァイスのレンズを装着した優れものである。
メーカーに修理に出そうかと思ったが部品の保有期限の8年が過ぎているので修理依頼しても戻されるのではないかと諦めてしまった。
しかし、テープとSDカードが使えるのでなかなか諦めきれない。
そこで思いついたのがオークションである。
液晶画面の部品だけ取り出せれば良いので評価の良さそうなジャンク品を見つけてみた。
落札価格は1,200円、ちょっと高いかなと思ったが液晶部品さえ正常ならばと思い目出度く落札。
4、5日して品物が届いた。
ジャンク品だけあって動作は全て駄目。
しかし、液晶画面のタッチ機能だけは正常だ。

早速、液晶部品を取り出すために分解に取り掛かる。
付いているネジというネジを全て外してみた。
そして何とか液晶部品を無事外すことが出来た。
が、トップ画像のように全てがバラバラ。
しかし、分解工程をバラス時に覚たので、修理する方の分解には手間取らなかった。
上と下がジャンク品から取り出した液晶部品。

修理する方のビデオカメラを分解した手順でバラシ、液晶部品を付け替えて基盤の端子に液晶の端子を差し込む。
ここで、ある程度組み立てて液晶画面の動作を確認してみる。
指でタッチしても正常に反応。
これでOKと思い全てのネジを差し込んで完了。
テープを装着してみると正常に録画・再生が出来るようになった。
私の腕もまんざらじゃないなと自己満足でした。
これで良い年が迎えられそう~かな。
下は、分解したカメラに液晶部品を交換し組み直しの途中。

今年もくだらないITMayのつぶやきをご覧頂きありがとうございました。
来年もくだらない事をつぶやいていこうと思っております。
どうぞ、相変わらず宜しくお願いします。
それでは皆様、来年も良いお年をお迎えください。

にほんブログ村 地域生活(街) 関東ブログ 栃木県情報へ にほんブログ村 IT技術ブログ Webサイト構築へ 

02. 12月 2017 · 中古のHDDにUbuntuを入れてみた はコメントを受け付けていません。 · Categories: Linux, PC周辺機器, Ubuntu

落札した中古のSAMSUNG 3.5インチ SATA 320GB 7200rpm HDD にUbuntuを入れてみました。
最初にUbuntu Japanese TeamサイトからUbuntu 16.04 LTS 日本語のisoイメージをDLしてDVDに焼き付けてみました。
DLしたisoファイルをDVDに焼き付けるのはフリーソフトのImgBurnを使いました。
しかし、以前も同じ現象でしたが焼付けしたDVDからHDDにはインストール出来ませんでした。
多分、インストールの手順が間違っていたのかも知れません。
下左の画像が日本のDLサイト。
下右の画像はImgBurnでDVDに焼付け中。

 

作成した16.04のインストールDVDが何故か駄目なので以前に作成した11.04を試してみた。
古いバージョンの11.04では不具合無くインストール出来た。
しかし、16.04バージョンまでには数回のアップデートが必要だ。
下は11.04から14.04にアップデートしたPCです。
インターネットの環境に拠りますが、アップデートには約2時間掛かってしまった。

 

14.04が正常にアップデート出来たので今度は指示に従って16.04LSTにバージョンアップ。
こちらも、難なくアップデート出来たが約2時間掛かってしまった。(下画像)
これで、漸く中古HDDを装着したPCでUbuntu16.04LTSが使えるようになりました。

 

はて、このPCは予備用として置いてあるが何に活用しようか。
まずは、私の趣味のアマチュア無線のEcholinkかな。
Echolinkは、インターネットを利用すれば大きなアンテナを設置しなくても全世界のアマチュア無線家と更新できるのだ。
今は、スマフォで楽しんでいる。
また、容量が320GBあるのでいろいろなソフトを入れてみるのも面白いかな。
なんせ、LINUX用のソフトは全てタダで使えるので便利。

にほんブログ村 地域生活(街) 関東ブログ 栃木県情報へ にほんブログ村 IT技術ブログ Webサイト構築へ 

30. 11月 2017 · 中古のHDDを装着してみた はコメントを受け付けていません。 · Categories: PC周辺機器, Ubuntu, ソフト

 

先日、SATAタイプの内蔵型HDDのジャンク品を中古店で見つけようと行ってみたが気に入ったHDDが見つからなかった。
その後、オークションサイトで良さそうなHDDを見つけたので早速落札してみた。
落札したのは、SAMSUNG 3.5インチ SATA 320GB 7200rpm HDD の中古品だ。(上画像)
落札価格は、1,500円。送料を含めて2,000円弱で手に入れた。
落札して3日で自宅に届きセットしてみた。
15分ほどで設置が完了。
まだ、OSがインストールしていないのでBIOSを立ち上げて内容を確認。(下画像)
どうやら、正常に動いているようでとりあえず安心。
これから、ソフトを利用するためにはOSを入れなければならない。
windows7があるのだが、予備のためLINUXOSを入れて置こうと思っている。
HDDの容量が320GBあるので、パーテーションを2つに分割して半分は画像のファイルデスクとして使おう。
結局は、全てのソフトが無料で使えるUbuntuに落ち着くだろう。
ubuntuは16.10を使っていたが、現在17.10がリリースされている。
しかし、今年の春ごろ17.10を使ってみたが不具合に悩まされた記憶がある。
やはり、PCのスペックを考えて安定している16.10あたりが無難かな。
2018年10月ごろには、18.10のリリースが予定されているそうです。
Ubuntu オフィシャルサイト

 

閑話休題
明日から師走。
そろそろ、年賀状作成の時期だ。
昨年は50通ぐらい作成したのだが徐々に減らして今年は30通ぐらいで収まりそうだ。
年賀状の作成ソフトはいつも無料版をゲットして使っている。
結構、市販の作成ソフトと同等の機能が充実しているのでこれで十分。
今年も、はがき作家Freeを使って作成しようと思っている。(下画像)
はがき作家11Free オフシャルサイト

にほんブログ村 地域生活(街) 関東ブログ 栃木県情報へ にほんブログ村 IT技術ブログ Webサイト構築へ 

26. 11月 2017 · 古いHDDを取り付けてみたが はコメントを受け付けていません。 · Categories: PC周辺機器, windows7, 自作PC · Tags:

 

PCなどの部品を入れた箱を開けたら、随分前に買ったPCのHDD(ハードデスク)が2個出てきた。
どちらも3.5インチのIDEタイプで容量は80GB。
ちょっと古いようだったが何とか使えないものかと色々と探ってみた。
今使っている自作PCに載せる訳であるが、80GBあるのでPCのバックアップ用に使えれば良いなと思っていた。
自作PCにはSATAタイプのHDDが載っているが、出てきたのはちょっと古いIDEタイプ
使うためには、インタ-フェースが違うためIDEからSATAの端子に変えなければならない。
そこで、購入したのがIDE – SATA双方向変換アダプタ I 型 。(上左画像)
780円と格安なのだが電源ケーブルとSATAケーブルが付いている。(上右画像)

 

早速、HDDを自作PCに取り付けてみた。(上左画像)
そして、IDE – SATA双方向変換アダプタ I 型と電源ケーブルをHDDの端子に取り付け。(上右画像)
全てのケーブルの配線を確認して電源ON。(上右画像)
上部に付いているHDDはメインに使っているSATAタイプのHDD。(上画像)
しかしである、自作PCに取り付けたHDDを認識しないのである。
マザーボードの取り付け端子を付け替えてみても認識しない。
PCを立ち上げてBIOSを確認しても認識していない。
半日位思い付いたことを色々とやってみたがいくらやってもダメ。
買い求めた所のレビューを見てみたがやはり認識しない事項も出ていた。
多分、自作PCなのでインターフェースとの相性が悪いのではないか?
そう結論付けして諦めることにした。
買い求めたインターフェースは勿体無いが安かったので廃棄処分かな。
バックアップ用として安くて良さそうなSATAタイプの内蔵型HDDのジャンク品でも探そうかなと思っている。

 

にほんブログ村 地域生活(街) 関東ブログ 栃木県情報へ にほんブログ村 IT技術ブログ Webサイト構築へ 

21. 11月 2017 · Blogサイトへ動画を挿入 はコメントを受け付けていません。 · Categories: Adobe, dreamweaver8, HTML5+CSS, Movable Type, Premiere Pro CS6

栃木県鹿沼市上南摩地区に建設中の南摩ダム周辺を歩いてきました。
周辺の山々は色付き、晩秋から初冬への風景をビデオで撮ってみました。
所々で撮った動画数枚を選んで結合し3分程に編集してみました。
編集は、Adobe Premiere Pro CS6 を使ってみました。
動画の説明のため、2箇所に静止画像を挿入してタイトルを入れてみました。
小さなハンデービデオの為注意して撮ったのですがある程度の手ブレが出てしまいました。
ソフトにあるワープスタビライザー(手ブレ補正)で目立たないくらいに補正はできたようです。
上は、Adobe Premiere Pro CS6 の編集画面です。

 

私のメインサイト五月の風damblogに撮った動画を載せるためにHTMLで編集してみました。
五月の風HTML5を採用しているため<video>タグで動画を埋め込むことが出来ます。
上右画像の赤枠で囲んだ部分がビデオを表示するためのタグです。
下のdamublogMovableTypeで作成したブログです。
ここでも、ビデオを表示させるために赤枠で囲んだタグを挿入しています。
<video> タグには 9つの属性があり loop や autoplay などで簡単に動画制御することができます。
今回はシンプルに、controls/操作パネルの表示用の属性だけを使いました。

五月の風 トップサイト
damblog 南摩ダムにて晩秋そして初冬

 

にほんブログ村 地域生活(街) 関東ブログ 栃木県情報へ にほんブログ村 IT技術ブログ Webサイト構築へ 

13. 11月 2017 · スマフォ実機 de 日帰り温泉in栃木 はコメントを受け付けていません。 · Categories: Adobe, dreamweaver8, HTML5+CSS, プログラミング

 

前回、Maywindのつぶやきでつぶやいたスマフォ対応の”日帰り温泉in栃木”のサイトを作成してみました。
今回は、AndroidStudioでの構築ではなくHTML5+CSS3で構築してみました。
AndroidStudioで使う難しそうなプログラムではなく、私の得意とするHTML言語での作成です。
上は、スマフォ対応に作った日帰り温泉in栃木を実機で見た写真です。

上の2冊は、アマゾンで安く買った参考書です。
これを参考にして作ってみました。
ここで注意するのは、バックスクリーンとなる画像の解像度です。
縦長のサイズで、スマフォの画面いっぱいに画像をクッキリと表示させるには画面サイズよりも大きな画像を使う必要があります。
この場合、横幅は1080px縦幅は1920pxの解像度の画像です。
スマフォに合わせて横幅320pxでは実機で見た場合ボケてしまいます。
今回は制作途中ですが、見易くするためにはいろいろと手直しする部分が出てくると思います。
下は、Adobe Dreamweaverで作成したサイトのプログラムです。

  

まだ、塩原温泉のもみじの湯だけの紹介ですがこれから栃木県内の日帰り温泉施設を紹介したいと思います。
是非、スマフォ実機にてご覧ください。
日帰り温泉in栃木スマフォサイト用のQRコードを作成してみました。(QRコード作成サイト
下のQRコードをスマフォで読み取れば、日帰り温泉in栃木スマフォサイトを見ることが出来ます。

日帰り温泉in栃木 スマフォサイト http://maywind.sakura.ne.jp/onsen_sumafo/higaerionsen.html
日帰り温泉in栃木 PCサイト

にほんブログ村 地域生活(街) 関東ブログ 栃木県情報へ にほんブログ村 IT技術ブログ Webサイト構築へ 

07. 11月 2017 · スマフォ用のプログラミング Vol.4 はコメントを受け付けていません。 · Categories: android

スマフォ用のプログラミングの第4弾です。
今回は、各観音札所の紹介ページに主な画像と説明文。
そして、各札所で頂いた御朱印を載せて見ました。
御朱印の隣の写真はご本尊などが納められていた古い観音堂です。
紹介サイト(霊場巡礼in栃木)はPC用に作成したサイトにリンクされています。

今回、画面が固定されているのでプログラミングに使ったタグは画面を縦にスクロールするためのScrollViewタグです。
挿入は、<ScrollView><LinearLayout>本文テキスト</LinearLayout></ScrollView>とすれば縦にスクロールする事が出来ます。
下左が下右を縦にスクロールした場合の画像です。

 

下左画像の赤バー部分がScrollViewタグです。
下右は、スマフォ用に作成した鉢石山観音寺です。

    

今回作成したページは、鉢石山 観音寺(日光市)日光山本宮四本龍寺(日光市)です。

にほんブログ村 地域生活(街) 関東ブログ 栃木県情報へ にほんブログ村 IT技術ブログ Webサイト構築へ 

01. 11月 2017 · スマフォ用のプログラミング Vol.3 はコメントを受け付けていません。 · Categories: android

今回は、スマフォ用のプログラミングの第3弾です。
漸く、スマフォ画面の土台となるレイアウトも何とか見られるようになりました。
今のところオンクリックで表示される画面は3画面ですが、各札所を紹介するページは増やしていく予定です。
上は2画面目ですが、ここから各札所の紹介ページにリンクされます。
下は、トップとなるメイン画面です。
水色のボタンをクリックすると下野三十三観音札所へリンクされます。
赤色のボタンは、那須三十三観音札所へのリンクボタンですが工事中です。
下左は、プログラム画面。
下右は、エミュレータで表示したトップ画面。

  

下は、2画面目です。
この画面から各札所にリンクされますが、とりあえず4札所を表示。
しかし、製作中なのでリンク出来るのは一番上の日光山清滝寺(日光市)だけです。

  

下は、3画面目です。
この画面に2画面からリンクされた札所の詳細データが表示される予定です。
札所の主な写真、札所のデータ、御朱印(別画面にリンク予定)、それと私のブログ霊場巡礼in栃木で紹介している各札所にリンクする予定です。
詳細データはブログでの紹介をスマフォでも見ることが出来るのでスマフォサイトではシンプルに作成しようと思います。

  

下は、トップとなる画面のxmlプログラムです。
下右は、各ページにリンクする為などのjavaプログラムです。
今迄に使ったプログラムタグは、ImageViewRelativeLayoutLinearLayoutTextViewButtononClickonButtonなどです。
一番使われる極初歩的なタグですが、複雑なレイアウトなどを構築するための素晴らしいタグがたくさんあるみたいです。
極一部のタグしか使っていませんが、見易いサイトにする為に精進しようと思っています。
ある程度完成したら、Google Playで公開出来たら素晴らしいな~。

  

にほんブログ村 地域生活(街) 関東ブログ 栃木県情報へ にほんブログ村 IT技術ブログ Webサイト構築へ 

27. 10月 2017 · スマフォ用のプログラミング Vol.2 はコメントを受け付けていません。 · Categories: android



前回の記事より10日目なのでそろそろ第2弾を投稿してみた。
Androidstudioにも漸く慣れ始めてきた。
しかし、覚えたのは極初歩的なプログラミングだ。
買ったプログラミングの本三冊と、ネット上に公開されているプログラミングのサイトを参考に無い頭を絞りながら挑戦している。
作り始めたスマフォ用の”霊場巡礼in栃木”も何とか進み始めた。

解らない所があると、本やサイトを参考にしているのでどうしても時間がかかってしまう。
AndroidSutudioはJavaで作成されるので難しい用語が出てきて難解だが、深く覚える必要もない。
でも、かなり奥が深いようだ。ゲーム用のサイトが作れるのだから。
しかし、私が出来る範囲で何とか気に入ったように仕上げられれば良いのではないかと思う。
今までで何とか格好だけは見られるようになったが完成にはほど遠いようだ。
年内にある程度仕上げられれば御の字かと思う。
下は、トップのボタンをクリックして表示された下野三十三観音札所のリスト。
このボタンが、ズラーッと並ぶ予定だ。
また、このボタンをクリックすると各観音札所の紹介ページに飛ぶ予定。
画像などの詳細データーは揃っているので、後はひたすら作るのみです。

下は、エミュレータで表示した作りかけのプログラム。

閑話休題
先日、大型台風21号の中塩原温泉で妻と娘3人で一泊二日の旅行をしてきた。
紅葉にはちょっと早く素晴らしい紅葉には出会えなかった。
塩原だけあって温泉は素晴らしく、のんびりと浸かってきた。
しかし、浸かりながらもそろそろこのサイトの更新の事だけが頭をよぎっていた。
疲れを癒した分だけ頑張らないと。
そういえば今日10月27日は私の67回目の誕生日。
あ~、もう67か。早いな~。

にほんブログ村 地域生活(街) 関東ブログ 栃木県情報へ にほんブログ村 IT技術ブログ Webサイト構築へ