Column@nak: January 2020アーカイブ

Minatoya 3 Mercedes Me Roppongi

@nak（あ） (January 26, 2020 6:13 PM) | コメント(0)

Collaboration of German and Japanese craftsmanship. The founder of a famous Japanese noodle shop "Minato-Ya" has opened shop inside the Mercedes Benz showroom in Roppongi.
Who would imagine Mercedes Benz serving noodles !?
The special shoyu based hot and spicy Tsuke-men noodle menu named :Minatoya 3 Vision "Mercedes-AMG GT Atatakai-Nikusoba" (what a name for a noodle dish !) is said to be inspired from the AMG sports series of the Mercedes brand. Spicy and good tasting it was. The pricing also inspired by AMG ? lol
Worth a try while it is still open....only in Japan

メルセデスベンツのショールーム; Mercedes Me Roppngiで提供される肉そばを食す。肉そばで有名な「港屋」の創業者監修の「メルセデスのために新設計された肉そば」はMinatoya 3 Vision "Mercedes-AMG GT Atatakai-Nikusoba"と名前がついていてAMG GTをテーマに"設計"された肉そばらしい。ラー油とネギが効いた刺激的でパンチの効いた味がAMGのコンセプトを表現しているのだろう。立ち食い、セルフサービスであることを差し引いても値段もAMGのコンセプトを踏襲して若干高めであるが、1000万越えのベンツを眺めながら肉そばを食べる経験もそんなにないだろう。

自動車サイトによる食レポ。

CarWatch「メルセデス・ベンツと港屋がコラボした"肉そば"実食レポート」- https://car.watch.impress.co.jp/docs/news/1227047.html

Mercedes Me Minatoya 3 - https://www.mercedesme.jp/nextdoor/#nextdoor

カテゴリ:

English Pages

@nak（あ） (January 21, 2020 10:38 PM) | コメント(0)

As part of the site tune-up, the English side of the website was initially planned to be merged with the Japanese side and be terminated. I had thought of either supplementing the Japanese contents with English translation or doing away with contents in English completely.

This direction goes against the current web trend that calls for dedicated localized pages. It also does not mean that I don't want to post contents in English anymore because I still do ! The main reason I had made the decision was due to the burden and redundancy on my part to update information twice, once in Japanese then in English. I had also set up a separate blog for posting English dedicated articles, but articles are not posted as often as expected. What would you want to post in ENGLISH ONLY in the first place ? lol

Result...I decided to keep the English side of the website.
Restructuring the website to be modular enabled a common content body for both Japanese and English webpages so updating is an one time procedure. Language switching is done using style sheets. The remodeled website has a English side with the majority of contents mirrored and synced, but in English. A look at the Blog postings in the Japanese side and the corresponding English page will hint at what is being done to achieve this.

BTW, This helped.
Rodger Keays.com "Using base href/ with Anchors"- https://rogerkeays.com/blog/using-base-href-with-anchors

今回のサイト見直しを機に英語版サイトの更新を停止して日本語版のサイトに統廃合する予定であった。日本語コンテンツへの英語併記、または場合によっては英語化は断念した単一サイト構成を考えていた。

言語別にページを用意する昨今のwebトレンドに逆行している。また英語で情報発信したい欲求はある。しかしコンテンツの更新に際して同内容で英語版ページを更新する作業が冗長かつ負荷に感じていたことが最大の理由である。また英語（専用）ブログも設置したものの英語だけで呟きたい内容は余りなく記事の投稿頻度も多くはなかった。

しかしながら結果的に英語版のサイトは残すことにした。
ページの部品化と共通化に加えて言語切り替えにスタイルシートを駆使することで、コンテンツを一括更新できるよう共通化しつつ、メインの日本語版サイトとほぼ同じ内容の英語版ページをミラーリン生成できる構成にサイトを再構成した。
ブログの日本語版ページは英語、日本語併記としてある。同英語版ページと比較してみると何を細工しているのかわかる（バレる）と思う。

今回はこの技を拝借。
Rodger Keays.com "Using base href/ with Anchors"- https://rogerkeays.com/blog/using-base-href-with-anchors

カテゴリ:

21st Year / Wayback Machine

@nak（あ） (January 19, 2020 12:32 AM) | コメント(0)

Started in 1999, this website is in it's 21st year, which makes it a good timing for the minor design change going on.
The earliest snapshot of this site logged by Wayback Machine dates back to August of 2002.

本サイト、21年目である。デザイン変更にはいいタイミング。
過去のwebサイトを記録しているWayback Machineには2002年当時の本サイトも記録されている。今見ると恥ずかしい一方で、スタイルシートが記録されていないのでレイアウトが崩れているが当時から無意識にレスポンシブなデザインを意識していたことが伺える。

Wayback Machine "www.atnak.com" - https://web.archive.org/web/20020901000000*/www.atnak.com

カテゴリ:

サイトロゴとサイト解析/ Site Logo and Analytics

@nak（あ） (January 12, 2020 10:47 PM) | コメント(0)

As part of the website design update, I'm currently seeking a new design for my website logo. Been using the original for quite a while, but still haven't decided on the new design or whether to keep the original or go with the new design.
Also looking at the Google Analytics results to see how the site traffic is.

サイトデザイン改良の一環でサイトのロゴの刷新を検討中。従来のロゴは少なくとも2002年から使っている愛着もあるロゴであり、変化を取るか馴染みを取るか悩み中である。
またGoogle Analyticsによる5年間のサイト解析を分析している。ランディングページがサイト全域に渡っている傾向がトップメニューを刷新した理由であり、モバイル機器からのアクセスが多い傾向が本格的なレスポンシブデザイン対応の理由である。

カテゴリ:

Weblog (Movabletype)

サイトデザイン変更

@nak（あ） (January 6, 2020 12:19 AM) | コメント(0)

Updated site design.

メニューデザイン変更。詳しくはこちらにて。

カテゴリ:

Update Info

レスポンシブ/Responsive

@nak（あ） (January 5, 2020 9:18 PM) | コメント(0)

Spending time since the year end to tweak the web site into a more responsive design. Luckily the website had been originally coded so the layout and design function is basically gathered to the stylesheets, which made the design change quite easy.
In addition to redesigning the site menu, work has been done to add a a new layout design for mobile devices (vertical screens ) basically only using CSS stylesheets. Lets see how this works.
Planning to do some site access analyzing and SEO experimenting.
(more in Japanese)
　

レスポンシブwebデザインのことである。
残念ながら今年はより責任感(responsibility)を持ちたいとか、より迅速な対応(responsive)を心掛けたいといった抱負の話ではない。（苦笑）

年末年始の休みを使い久しぶりにウェブサイトに手を入れている。
以前よりレスポンシブwebデザインのエッセンスを取り入れたサイト設計はしていてトップ画面を中心にPC上の画面サイズに応じた動的なレイアウト変更には対応できていた。一方でスマートフォンやタブレット（のタテ画面）に最適化された本格的なレスポンシブデザインにはなっていなかった為、今回着手することにした。

改変方針は以下：

アクセシビリティ改善のためにヘッダーメニューを刷新
上記ヘッダーメニューのレスポンシブデザイン対応。ドロップダウンメニューとハンバーガーメニューの両立
スマホやタブレット等画面サイズが小さい縦画面用に対応したサイトレイアウトを新設
PC表示用の横画面デザインは極力変更しない（正確には、如何に影響を及ばさずスマートデバイス対応できるかにチャレンジ）

久しぶりにCSS（スタイルシート）の復習とCSS3の勉強を行いつつ昔に書いたコードを思い出しながら年末はヘッダーメニューの刷新、年明けからレスポンシブデザインの追加に着手。基礎設計はサンドボックスで試したものの基本的には公開しながら修正作業を進めていっているのでその最中にアクセスして頂いた方々にはお見苦しいところを見せてしまっているかもしれない。（本来あるまじきウェブサイトの改変手法）

正月休みも終わりが近づいたので基本的な改変に一段落つけた。細かい調整は今後も続くが「スマホ用のページ」が一応できた。興味がある方はPCとスマホ、またはタブレットの縦画面と横画面で見比べて欲しい。

以前よりある程度HTMLとCSSの役割を意識した設計としていた為、今回はほぼスタイルシートの作業に終始できた上に方針4もほぼ達成できた点は良かった。一方でブログコンテンツを中心にMovabletypeCMS(MT)を使っているが、将来のMT互換性を考慮してMTの標準スタイルシートに手を入れず別のスタイルシートでオーバーライドすることにした。スタイルシートに冗長性があるもののMTとの独立性を維持する方が得策と考えた。

なお確認できたデバイスはPC(Firefox,Edge,IE10)、Mac(Safari)、iPhone6(Safari)、iPad（Safari）と限定的なので他環境で不具合が起きているかもしれない。

PC(Windows/Firefox) -pulldown menu/2column

iPhone6(Safari) - hamburger menu/1column
　

iPad mini verticla view - hamburger menu/1column

iPad mini horizontal view - pulldown menu/2column

参考文献：

カテゴリ:

Happy New Year 2020 !

@nak（あ） (January 1, 2020 12:00 AM) | コメント(0)

Happy 2020 !
Wow...already the 20th year of the 21st century !
Wishing everyone health, peace, and many happy returns this year !

明けましておめでとうございます。
皆様のご健康とご多幸をお祈り申し上げます。
2000年代も20年目に突入。
趣味では久しぶりに再燃した写真とwebデザインを楽しみながら
仕事の上ではモチベーションを再認識した基盤整備の啓蒙役（evangelist）を地道に進めていくつもりです。
前向きに愉快な一年としたいです。

カテゴリ:

Daily Life

atnak.com

January 2020アーカイブ

Minatoya 3 Mercedes Me Roppongi

カテゴリ:

English Pages

カテゴリ:

21st Year / Wayback Machine

カテゴリ:

サイトロゴとサイト解析/ Site Logo and Analytics

カテゴリ:

サイトデザイン変更

カテゴリ:

レスポンシブ/Responsive

カテゴリ:

Happy New Year 2020 !

カテゴリ:

検索

このアーカイブについて

最近のブログ記事

カテゴリ

アイテム

January 2020アーカイブ

カテゴリ:

カテゴリ:

カテゴリ:

カテゴリ:

カテゴリ:

カテゴリ:

カテゴリ:

検索

このアーカイブについて

最近のブログ記事

カテゴリ

アイテム

タグクラウド