Androidアプリ開発の練習

皆さま、いかがお過ごしですか。雨が続き少し肌寒いなと思ったら、全国的に時季外れの暑さとなったようです。

コロナ禍のほうは、ここに来てかつてない感染の増加が続いており、長期化とともに「コロナ疲れ」「コロナ慣れ」とも言われるこの頃です。昨日、緊急事態宣言が当方の地元・北海道でも追加発出され、一段と厳しい状況です。

菅首相の「光が見えつつある」「ワクチン接種が9月末までに、6割の人が2回接種完了する」との記者会見もありました。だいぶ以前から、私は個人的に「正念場」という言葉を使ってきましたが、今こそ正に「正念場」の時だと思います。お互い、コロナに負けずに頑張りましょう。

さて、緊急事態宣言が出ると、不要不急の外出はしずらいというのもあり、仕事の合間をみては、様々な仕事に関する学習を行なっています。下の画像はそれらの１つで、スマートフォン用のアプリ開発の練習です。開発環境はAndroid Studioを使い、言語はJavaによる開発の様子です。1枚目の画面はConstraintLayoutの学習であり、2枚目はチェイン機能の拡大、3枚目は画面遷移の学習中です。

画像１　ConstraintLayoutの学習

画像２　チェイン機能を拡大表示

画像３　画面遷移の学習

↓クリック宜しくお願いします。

にほんブログ村

(株)北日本サポート様　～お客様のホームページが完成

苫小牧市を拠点に北海道・東北において、いま話題のイオニアミストPROの施工などを行なっている「(株)北日本サポート」様のホームページが、４週間以上をかけて完成しました。

イオニアミストPROとは、光触媒コーティングの新技術の名称で、簡単、安全、安価、に除菌、抗ウイルス、防汚、消臭、防カビの効果が得られます。室内や自動車のボディ表面などに吹き付けると、あとは可視光線が当たるだけで効果を持続します。幼稚園、病院、手術室など、公共の場やセンシティブな場所への施工依頼が、増加しているそうです。

WordPressに加えて、有料テーマをご選択いただきました。商品・サービスの説明ページ内のイラストなどには、Adobe Illustratorを多く使用して描きました。社屋の新規立ち上げなどでご多忙の中、M社長さんや担当のAさんが弊社へお越しくださり、誠にありがとうございました。

画像１　パソコンでの見え方（クリックするとジャンプします）

画像２　スマホでの見え方

清潔感あるイメージカラーを基調に、会社ロゴマーク、スライドショー、写真、イラストなどがよく調和したサイトに仕上がったと思います。お客様からは、「予想以上の仕上がりに満足しています。本当にありがとうございました」とのお言葉をいただきました。

営業部長のTさん、そして電話やオンラインで、頻繁な打ち合わせにもかかわらず、１つ１つ誠実に対応いただいた担当のAさんに、深く感謝申し上げます。

↓クリック宜しくお願いします。

にほんブログ村

手間がかかったWebページ　～料金表2の修正

いかがお過ごしですか。主要都市の緊急事態宣言を受けて、全国的にも厳しい状況ですから、経営者の悩みは深まるばかりだと思います。しかし、「闇が深ければ深いほど、黎明は近い」と言います。ワクチン接種も始まり、感染者数の低下と合わせて、「もうひと踏ん張り」　「今こそ、耐える時であり、正念場である」と思っています。政府や地方公共団体の大小の支援も最大限に活用しながら、いまこの時を乗りきっていきましょう。

さてこの度、希望テクノサービスのWebページの「料金表2～ホームページ制作」を、見やすく修正しました。これだけの変更に関わらず、修正作業に何日もかかりました。次の画像をクリックすると、料金表2のページが開きます。

　　　　↑画像をクリックすると「料金表2」のページが開きます。

見て頂くと分かるように、この「料金表2」への修正の特徴は、各料金プランで実現できる機能を一覧表にしたことです。各プラン毎にアイコンも用意し、なるべく文字を少なくするよう工夫しました。また、表をスマホで閲覧時に、横スクロールできるようにしました。これにより、大きな表を見やすくすることと、スマホ最適表示とを両立させることができました。

また、文字をなるべく少なくする工夫として、ハテナ記号（?記号）のツールチップ表示と、オプション料金用のアイコン（OPマーク）を用意しました。これだけの複雑な表デザインを、パソコンとスマートフォンで最適表示させながら、みやすく表示させる技術は、それなりに難易度が高くなります。

あと、今回の更新のポイントとして、「ドローン撮影」と、「写真出張撮影」をオプションで追加したことです。提携会社さんへの外注となります。ドローン撮影により高高度からの俯瞰（ふかん）動画や、遠景から近景まで自在に視点を変えた動画が撮影可能となりました。次のブログカードが提携会社さんの説明ページです。

空撮ドローン撮影ドローンパイロットが依頼者様の希望する撮影にお答えいたします。空撮撮影作業保険加入済、航空許可手続きなど対応。安全を第一に撮影致します。定期的にご依頼して頂ける企業様向けの割引もございますのでご相談ください。

www.snafkin-photo.com

撮影した動画を専用ソフトで編集後、ホームページのトップページや投稿に貼り付けることが可能です。お客様の会社建物や工場建屋等をドローンで見せることができます。ご興味ある方は、お気軽にお問い合せ下さい。

希望テクノサービス・お問い合せ他

★お問い合せ　　★ホームページ制作　　★料金表

では、コロナに負けずに頑張りましょう！

配色と Adobe Color

こんにちは。もう今年も2月ですね。お決まりの言葉ですが、早いと感じます。大変遅れましたが、今年もよろしくお願いします。

今日は、ホームページ制作における「色」の使い方（配色）についてです。色のコーディネートはその資格試験があるくらいですから、調べれば調べるほど、大変に奥が深い分野です。画像制作ソフトのAdobe Illustrator においても、カラーテーマが用意されており、かなり高機能なことが行えます。（次のリンクはその概要です）

カラーテーマを使用してアートワークを再配色カラーライブラリの定義済みのテーマを使用してアートワークを再配色する方法、カラーホイールを使用して独自のカラーテーマを作成する方法、または、カラーテーマピッカーを使用してアートワークまたは画像からカラーテーマを選択する方法を説明します。

helpx.adobe.com

ところが、無料版のカラーテーマが Adobe Color として用意されているのです。次の画像が、その操作の様子です。有料のAdobe アカウントを持っていれば、保存などフルに機能が使えます。

さらに、Adobe Color では、「テーマを抽出」という機能が用意されており、自分で用意した写真などを読み込ませると、配色を自動で抽出してくれるのです。次の画像がその使用例です。

配色をどうするかによって、ホームページの雰囲気は大きく違ってきます。トーンやハーモニー等の配色ルールを無視した色遣いは、予期せぬ不協和をもたらし、ホームページ全体を損なうことにもなります。まだまだ、自分自身も浅学ですが、色や配色というテーマについても、学習と研究を重ねていきます。末尾に、配色についてAmazon で一番人気の書籍を紹介しておきます。