New Beetle のサイトとアップルップルの車

なんとなく久しぶりに、ビートルのサイトを見てみました。車が音楽にあわせてビートルが揺れています。(^_^) ビートルだから許される動きですね。実際には、こうは動きませんって注意書きは無いですが...

アップルップルの社用車として活躍している「Newビートルカブリオレ」ですが、買った当時は全然乗らなかったのですが、今では毎日60-70kmほど走ってます。そろそろ暖かくなってきたのでオープンな季節ですね。楽しみです。

ちなみに、誰かお客様を乗せる際には、私からはオープンにしたい！ってあまり言わないようにしていますので、乗った時にオープンにして欲しい場合にはお知らせ下さい。リクエストにはおこたえします。

ナガオカケンメイ d design travel 号が！

実はアップルップルの社用車は中古車です。平成22年5月登録で、新車で買うより70万くらい安く買う事ができました。違う色で、もう少し安いのもあったのですが、アップルップルのカラーにあうという事で、白いボディの赤い内装になりました。また、少し面白いエピソードがオマケで付いてきました。「オリックススマートレンタカー」くらいで検索すると、ナガオカケンメイ・デザインのスマートをレンタルオリックス関連の記事が沢山ヒットします。そこには、以下のような事が書かれています。オリックス自動車、ディアンドデパートメントとメルセデス・ベンツ日本は、6月5日から11月30日まで、『スマート・フォーツー・カブリオmhd』のレンタルをオリックス自動車にて開始する。車両は、「D＆DEPARTMENT PROJECT ナガオカケンメイ」デザインによる「d design travel 号」としてレンタルする。何台あるのか分かりませんが、ニュースリリースの時期と、上記の写真に貼られているステッカー、実際に売ってた会社を考えると、コレが中古車として出てたという事になるんじゃないかと思います。納車される際には、ステッカー類は全て剥がさないといけないという事になっていたらしく、チェック柄は既にありませんでしたが、フロントフェンダーのステッカーやドア後ろの d のステッカーも無くなって納車されてきました。 D&DEPARTMENT PROJECT のサイトや、d design travel iPhone app も紹介しておきます。このアプリにはスマートが下の方で、うろうろしていたりします。もしかすると、これ借りた事がある！って人が、Twitter や Facebook の繋がりの中で見つかるかもしれないなって思ったりしています。ブログに書いてる人を探してみようと思って検索してみたらくまちゃん日記 : ２５日土曜スマートを借りてみました【みんカラ】スマートの恐怖｜shidenです。｜ブログ｜shiden - 車・自動車SNS（ブログ・パーツ・整備・燃費）のようなモノを見つけました。他にも見つける事ができた人がいたら教えて欲しい！また、ナガオカケンメイさんがスマートに書いてた記事も見つけたので、あわせて紹介しておこうと思う。 Car Sensor EDGE Life 〜くるまのある時間〜 2011/02/10 モノの寿命を決めるのはデザインです 2011/02/14 買えないからちょうだい！ 2011/02/16 恥ずかしい誤算 2011/02/18 スマートだからこそ広がるコミュニケーション 2011/02/21 原点はドイツ車、そしてホンダ車です！ 2011/02/23 原体験は凝縮された記憶でした 2011/02/25 「窓を包丁で切る」というインロック防止策 2011/02/28 "メントリ"が3点確認の原点です 2011/03/02 法定速度が大好きなんです 2011/03/04 ドライブが思考を整理する 2011/03/07 いつも車がそばにいることの意味 2011/03/09 「ロングライフ」が問いかけるもの上記は、カーセンサーに掲載されていた記事の一覧になります。ブログに利用するってのがあるので、紹介させて頂いていいよね。最後に、ホントにデザイナーさんにはオススメの営業車だと思います。年式が古くてもいいって事であれば、フォーツーって名前がつく前の、中古で30万とか、維持費を安くしようと思えば軽自動車登録が可能な車両もあります。スマートフォーツーカブリオの詳細を見るスマートフォーツーカブリオの中古車を探すという、オマケのエピソード付きの中古車で、ネタに困らないヤツとしばらくは一緒です。

2011年 12月 13日

PhotoCollage.js を a-blog cms のブログテーマに実装してみた

数年前のインターンの課題として「Facebook の複数枚写真をアップロードした際に、写真をレイアウトしてくれる JavaScriptライブラリを作ってみよう！」というお題を出していた時期があります。 3日間コースで、まずは静的な HTML と CSS で、2枚の時、3枚の時のような感じで複数のパターンを作って、その後 JavaScript を利用してターゲットの HTML に Class を振っていくという感じ。 JavaScript が苦手でも CSS と格闘しつつ、いろいろな場合に対応できない感じでも、できる学生さんなら1日5時間で2日目の終わりには、ある程度動く感じまで作ってくる人もいました。その後、長期インターンで何度も作り直して、公開しても大丈夫そうなところまで出来上がったものを「PhotoCollage.js」という名前で公開しています。しかし、インターンの学生さんが作ったもので、あまり公式にどうだろう？ってところもあり使われないままになっていました。 PhotoCollage.js の特徴いろいろな HTML に対応しています。表示している画像とリンク先は別で扱うようにしています。 smartPhoto.js の利用も考慮して設計されています。画像のパスは src なのか data-src なのか指定も可能です。生成されるHTMLソースの各所に Class や attribute の設定が可能です。オプション以下のようなオプションを設定できるようになっています。ダウンロード GitHub に公開されていますので、そちらからダウンロードしてご利用ください。 https://github.com/appleple/PhotoCollage a-blog cms のブログテーマで利用するには CSS と JavaScript のファイルをご自身の blog テーマディレクトリに入れてください。 /css/photocollage.css /js/photo-collage.bundle.js _entry.html に追加 @section("head-link") @parent @endsection @section("head-js") @parent document.addEventListener("DOMContentLoaded", function () { const elements = document.getElementsByClassName('js-photocollage'); Array.from(elements).forEach((element, index) => { element.classList.add('js-photoCollage-' + index) new PhotoCollage(".js-photoCollage-" + index, { srcAttribute: "data-src", gap: "5px", margin: "0px 0px 35px 10px", imgClass: "js-lazy-load", aAttribute: { "data-group": "group-" + index, "data-rel": "SmartPhoto", } }); }); }); @endsection 17行目の margin を margin: "0px 0px 35px 10px" と設定をしました。 21行目の "data-rel": "SmartPhoto" に変更することで、a-blog cms の SmartPhoto が動作します。 css/photocollage.css を修正 a-blog cms のユニットの仕様の関係で左右に 10px 狭くしないといけない関係で、width : 100% のところを -20px 減らすように /css/photocollage.css の .photocollage を修正しています。 calc ってのを使った事なかったのですが、イマドキは便利になってるもんですね。 .photocollage { position: relative; /* width: 100%; */ width:calc(100% - 20px); height:100%; } @media screen and (max-width: 1024px) { .photocollage { width: calc(100% - 20px); height:100%; } } a-blog cms の管理画面の設定編集画面設定のユニットグループにクラスは js-photocollage とし、ラベルは自由ですが photocollage としておきます。投稿画面の指定としてユニットグループ設定で、photocollage を選択します。解除するには、1カラムを選択することで以下のユニットは JavaScript のライブラリの対象外になります。最後にたくさんの写真を撮って、それをブログの記事に、まとめて貼っておきたい。全部みたい時には SmartPhoto の機能でスライドして見ることも可能です。よろしければ使ってみて感想を X の #ablogcms ハッシュタグをつけてお知らせください。 https://github.com/appleple/PhotoCollage

2024年 1月 6日

2023年のアップルップルの社員旅行は青森県に

2023年コロナでの行動制限が終わり、世間的にも旅に出ていい感じになってきたという事もあり社員旅行を企画し、1泊2日（2023年7月21.22日）で青森県に行ってきました。今回の旅の候補としては、青森・富士・沖縄という候補が出ており、富士なら土日でフラッと行けなくもない、沖縄は暑いという事で、青森になった感じかな。今回は、1日目をカルチャーの旅、2日目をネイチャーの旅と題した2日間の社員旅行となっております。 1日目：カルチャーの旅まず、青森空港に到着して、青森に来た！を実感すべく行った先はねぶたとの遭遇するため「ねぶたの家ワ・ラッセ」に行き、そこから歩きで近所にある「ねぶたラッセランド」で制作中のねぶたにも会ってきました。これで、しっかり青森に来た！という感じに。そこから出て、「青森県立美術館」で「あおもり犬」との記念撮影の予定でいたのですが、向かおうと思って Google Maps で休館の表示を発見！これは少し残念でしたが、次の目的地に。美術館の向かいくらいにある「三内丸山遺跡」も少し寄ろうという事であったので、行ってみたところ思ってたより面白かった！現地のガイドさんに縄文時代の暮らしを聞きながら、子供の頃に学んだ事をアップデートしてきました。（自分が学んだ頃と比べると随分変わってきているようだ）写真ではみたことがあったのですが2つの会場がある「田んぼアート」をハシゴしてきました。あまり、どうやってるのかピンときてなかったのですが、作る側としても用意した時には完成形が見えず、稲が育ってきて思ってたように絵が完成した時には嬉しいだろうなぁってのが感想。ホテル「星野リゾート界津軽」星野リゾート奥入瀬渓流ホテルに泊まりたかったのですが、日程的に満室で取れずに「星野リゾート界津軽」になりました。部屋のベットがマットだけで足が無いのは少し安っぽい気がして部屋的には大満足ではなかったが、夕飯は美味しかった！ご飯の写真しか無かった〜。 2日目：ネイチャーの旅午前中は、青森県と秋田県にまたがる国立公園にある「十和田湖パワーボートクルーズ」体験と「十和田神社」参拝し、午後からは「奥入瀬渓流」を散歩してきました。十和田神社奥入瀬渓流最後のシメは「味噌カレー牛乳ラーメン」 1泊2日でギュッとスケジュールを設定した社員旅行だったので、ゆっくりのんびりは出来なかったが、イイ旅行になったと思います。次は、旅行だけじゃなくて、沖縄で a-blog cms のイベントやりたいですね。

2023年 7月 22日

スパ西浦モーターパークに行ってきました

幸田はフリー走行で行ってないけど、走ってきたという意味では愛知県の5つあるミニサーキットの最後になるスパ西浦モーターパークに行ってきました。残りの4つのコースに行ってきた記事 2019/10/26 モーターランド三河を初めて走ってきました 2019/01/27 美浜サーキットに初めて走ってきました 2018/09/20 ほっこりんご主催の幸田スライドコントロール講習会 2018/9 に参加してきました 2018/06/09 オートランド作手ALTでのS2000初走行してきましたスパ西浦モーターパークとは愛知県蒲郡市の海の側にあるサーキットです。多くのミニサーキットは山の中にあることが多いですが、海の見えるサーキットっていいですよね。全長 1,561m でコース幅は 12m ストレートは 416ｍあります。さらに特徴的なのは鈴鹿サーキットのように立体交差もあります。日本自動車連盟(JAF)と日本モーターサイクルスポーツ協会(MFJ)の公認サーキットであり、エスケープゾーンも広くミスってガードレールにぶつかるようなことは、よっぽど無いのではないコース作りになっていると思われます。パドックの上から撮った写真で、ストレートエンドから左コーナーでぐるっと回ってストレート下にいくコースの写真を貼っておきます。今回は初めてということもあり 1コーナーは無理をせず 140km/h くらいでしたが、まだまだ頑張ると最高速は出ることでしょう。 1人で行くと、走ってる写真が無いのが残念ではありますが、今回はドラレコで撮った動画を用意できましたので最後に貼っておきます。結果報告正直なところ速いタイムではないのですが、今後のためにも晒しておきます。ベストは 12周目の 1'07"102 でした。最初の10周は VSA がオンで様子見な感じで、その後からが本番で、3回しかタイムアタックできてないことになります。どちらかと言えば、50分で20周しかできてない体力が、タイムが遅いよりもダメな気がします。ドラレコで撮影した動画次回は、フリー走行をしたことがない幸田サーキットに行ってみようと思っていますが、S2000 を走らせるのには、このスパ西浦の方がいい気もしています。

2020年 6月 28日

久しぶりに 2019年を振り返ってみる

この数年は大晦日にブログ書いてなかったみたいですが、久しぶりに書いてみようと思います。ブログの記事の人気ベスト10から Google アナリティクスで、アクセスの多かった記事ベスト10を調べてみました。毎年の事ですが残念ながら #ablogcmsでたくさん書いている CMS の事については上位に入る事はありませんでした。 2012/01/10 input type="file" multiple で夢の複数ファイルをアップロード 2018/05/01 16年ぶりに MT の車 HONDA S2000 に乗ることになりました 2017/03/04 Nintendo Switch のダウンロード版のソフトは amazon で買うのがオススメ 2019/03/06 Googleスプレッドシートでタイムテーブルを書くためのテンプレートを一般に公開しました 2018/06/30 MacBook 12インチになりました 2017/02/19 Mac で DELL U2713HM を WQHD 2560x1440 表示するには 2017/03/17 D.D.R 名古屋SAKAE でレーシングシミュレーターに乗ってきました 2018/07/21 MacBook 12インチで 2560x1440 ディスプレイを使う方法 2018/05/14 S2000のマフラーをノーマルに戻しました 2017/07/19 メールのリンクをクリックした時に Gmail を起動する方法アップルップル今年は法人化して15周年の年でした。 10周年で何もできなかったこともあり、今年「アップルップル15周年記念パーティー」を開催する事に。普段のベースキャンプ名古屋での飲み会ではなく、15年お世話になった人たちをお招きして開催したいということで、グローバルゲートのレストラン MEDI での開催し、70名を超える人たちにお越しいただきました。ありがとうございました。今年は、新人が増えることはありませんでしたが、出ていく人もいませんでした。成長していないということではマイナスかもしれませんが、今年が2年目だった新人たちも一人前に働けるようになり、社内の戦力としてはしっかり成長した年になったのではないでしょうか。アップルップルのスタッフは私を含め10人、今が一番戦闘力が高く、今が一番いいチームだ！って思っている。社内でも言ってるし、こうやって社外に向けてもお伝えしておく。サイトは昨年リニューアルしたが、事例やブログの追加があまりできてなかった。来年はもう少し積極的に更新してもらえるような何かを考えてみよう。過去のアップルップルのサイトは上記の Wayback Machine - Internet Archive を見ると10年以上遡ってみる事ができる。 a-blog cms 今年は 2.10.0 を2月にリリースし、2.11.0 を年末にリリースした年になりました。リリースを表にまとめてみました。4つのバージョンを32回バージョンアップを行い、のべ回数にすると61回も行ったようだ。また、これらのバージョンをメンテナンス期間について明確に公表する事にし、バグフィックスは2年間、セキュリティフィックスは5年間行う事にした。バグフィックス 2.8.x - 2020/3/26 2.9.x - 2020/10/9 2.10.x - 2021/2/28 2.11.x - 2021/12/17 セキュリティフィックス 2.8.x - 2023/3/26 2.9.x - 2023/10/9 2.10.x - 2024/2/28 2.11.x - 2024/12/17 という事になるので、1.x - 2.8.x についてはバージョンアップをそろそろ検討して欲しい。そして、2.11.0 からの新しい試みということで、サブスクリプションライセンスを始めることと、バージョンアップ費用をいただく事を年末に発表しました。 WCAN 2019年は mini を 1回開催と無料イベントである contents.nagoya 通常の WCAN を3回の合計5回のイベント開催で 766人に参加いただきました。協賛のご案内を1月6日にお送りする予定ですが、協賛とは別に「スキルアップサポート企業」というのを今年はやってみようと思っております。スキルアップサポート企業の社員はWCANの参加の際には会社負担で参加でき、会社としては教育制度として社員のスキルアップを応援していることを社内外にアピールできるというものです。ベースキャンプ名古屋 2019年は、7年目にしてオープン当初から計画していた会員さんにも鍵を提供して時間外利用ができるようにし、あまり利用されている会員さんは少ないですが玄関に靴箱が導入されました。あと写真のように図書スペースが本が半分になり、机をテレビが壁につきました。このスペースもテレビが活用できる打ち合わせスペースに改造を計画中です。最後に今年も1年いろいろな人にお世話になりました。ありがとうございます。来年も、CMS や勉強会、コワーキングスペースなど、どれも頑張りますので、よろしくお願いします。

2019年 12月 31日

アップルップル15周年記念パーティーを開催しました

アップルップルは2004年に法人化し今年で15周年となりました。10周年の時には何もできない、やる余裕も無かったので、この15年でお世話になっている受託のお客様や、a-blog cmsのユーザー様、WCAN に参加協力いただいている方々、そして弊社のスタッフや家族などを招待してグローバルゲートの MEDI というレストランでパーティーを開催しました。料理も美味しかった！と後日聞きましたが、私自身は箸を持つ暇も無かったので、一度夜に行ってみたいと思っています。来賓の挨拶制作のお客様代表としては名古屋商科大理事長栗本さん、そして a-blog cms パートナー代表でデータファーム勝又さんのお二人に挨拶をお願いしました。名古屋商科大の栗本さんとは法人化の前からのお付き合いになるので16年以上になる。「昔の Eudora（昔のスタンダードなメーラー）の中に最初のメールがあったよ」との話もあった。最初は a-blog な案件からで、学内向けのコンテンツや、大学のブログから始まり、a-blog cms で、名古屋商科大のサイト全体、大学院と何年も作っては壊しを繰り返してきた。ホントにお世話になっている。ありがとうございます。そして、次の仕事は新しい方法でのサイトリニューアルの提案を考えているので、私自身も春のリニューアルを楽しみにしている。二人目は、a-blog cms パートナーのデータファームの勝又さん。彼とは確か、2006年の六本木ヒルズで開催された「Web標準の日」という CSS Nite主催の鷹野さんが開催したイベントで初めて会ったハズ。もしかすると「Web標準の日々」だったかもしれない。今では a-blog cms のロゴの入った名刺を持っていて渡されることは無くはないが、彼から a-blog のロゴが入った名刺をもらったのが初めてだった気がする。それから10年以上の付き合いになるが、いつもありがとうございます。 20分の「アップルップル15年の歴史的スライド」は鈴木さんの弾丸トークで会場を盛り上げてもらいました。当初は外の人に司会も頼む話もあったが、やっぱり鈴木に任せて正解だったですね。今でもベースキャンプ名古屋にあるグランツーリスモ用のシートは、東浦オフィス時代には和室に置いてありました。この写真は a-blog cms 歴が長い人ほど、おーーー！って思う３ショットでしょう。今回は、Doorkeeper での参加登録で60人（同伴の人もいれると70数人）でした。前日までに体調が悪くなってキャンセルな人はいましたが、当日は登録されていた全員の方にお越しいただきました。じゃんけん大会の勝者はトライデントの河口先生でした。たくさんのお花やワインや日本酒など、いろいろお祝いをいただきました。現地でなくベースキャンプ名古屋にも、いろいろ届きベースキャンプ名古屋の玄関は花のいい香りが続いております。お帰りの際には、お客様のシャンティーヒラノさんのお菓子を皆さんにお土産にお渡しさせていただきました。 2時間のパーティーは、あっという間に終わってしまいました。今回は、日本各地からこれだけのために名古屋までお越しいただいた人も多くいらっしゃいました。ありがとうございました。次は20周年もできたらいいですね。

2019年 11月 21日

kazumich.log