高知から来たアップルップルのマークアップ男子堀くん頑張ってますよ

この5年くらいは、マークアップ系の仕事は女の子が担当していたアップルップルですが、マークアップ男子なのか、フロント系男子なのか、新人が育ってきたので紹介してみようと思います。

そして、今日が誕生日って事なので、誕生日おめでとう！

高知のフープデザイン中野さんの紹介

高知の子でWebに興味がある子が愛知に行く事になったので、ベースキャンプ名古屋に遊びに行くように言っておいたのでヨロシク！って感じで、アップルップル創業時のデザイナーであるフープデザイン中野さんから紹介でした。

丁度、新卒で5年間働いていたマークアップの子が辞めたばかりだった事から、代わりの人材に育てるべく採用する事になりました。（アップルップルに入れたのは、中野さんのおかげだね）

Atlas.js というゲームライブラリを作っている

どんなモノかというと

enchant.jsと比べて3倍ほど実行速度が速い。
ゲームの解像度や、サイズを変更するメソッドを用意
ローディング画面を自由に設定可能
行数わずか1000行弱、読みやすいので改造できる

という事のようです。凄いバリバリ JavaScript が書ける子が入ってきたという事になります。これから、どういう感じで a-blog cms に堀くんの頑張りが反映されるのか楽しみですね。

Atlas.js

Atlas.js で作ったデモゲーム

英語が好き

英語が好きな堀くんが、この数ヶ月でしっかり成果を残しているのは、a-blog cms の管理ページを英語化する部分じゃないだろうか。 /themes/system の英語版を用意させました。現在は試してみる事ができるように開発ブログからダウンロードが可能にしてあります。興味がある人はダウンロードして /themes/system を入れ替えてみてください。

a-blog cms英語版パッケージを作成しました | 開発ブログ | a-blog cms 制作者向け情報

アップルップルの新人がやるべき事

アップルップルでは、入社すると10日に1件のブログを書く事と、これは大事って思った事については、はてなブックマークにつけるように言っています。なので、よかったら堀くんの頑張りは RSS と、はてブのお気に入り登録（メール通知）で日々感じてやってください。

horicdesign.com

はてなブックマーク

今日から新しいスタッフとして今井さんがアップルップルに！

この春から新卒で3ヶ月の試用期間が終了し、晴れて正式なスタッフとして加わる事になりました。彼女はベースキャンプ名古屋で、さらに1年前からアルバイトとして在籍していたからなのか、テキパキと仕事がとっても出来るからなのか、フレッシュな新人っぽさが無いんですが... ちょうど、1年くらい前の 2013年7月11日「アップルップル 2013年夏〜秋にかけて新人を1人募集しようと思います」というエントリーを書いていますが、これは今井さんにウチに来て！って思いを込めて書いたエントリーなんです。（本人もベースキャンプ名古屋のバイトの子として出てますね）しかし、これを書いても自分がその対象だとは思っていなかったらしく、何のリアクションもありませんでした。20日間くらい我慢してたのですが、痺れを切らして8月1日 16:19 にFacebookメッセージで「春からベースキャンプ名古屋ではなく、アップルップルで働きませんか？」ってメッセージを投げてる痕跡があります。その後、面接をしてデザイナーとして内定を出しました。そして、今井さんを紹介する際には、昨年のドコモ東海が主催のの学生コンペNEXT COMMUNICATION AWARD 2013 でグランプリを獲得したフォトジェニックツアーズは外せないですね。学生コンペでグランプリを穫ったWebアプリケーションの作り方ここら辺のグラフィックも彼女のがんばりで用意されていたりしますし、CMS のカスタマイズも入社前からしっかり勉強してますので、そのうちサポートのメールなんかも返信できるようになるんじゃないですかね。また、10日1回のブログを書く事ってのは、これまでの新人同様に義務にしていますので、チェックして「いいね！」ってしたり、コメント書いてやってください。よろしくお願いします。 4kaku design

2014年 7月 1日

アップルップルに新卒の新人が1人増えました。

無事、今年の新卒の子が入社3ヶ月を迎え、正式に社員として働く事になりました。最初に森田さんが面接に来たのは昨年の10月29日のようです。その日は、マザーの八十住さんと、トライデントの河口先生がベースキャンプ名古屋に来ていてソファーの席の辺りで、Web制作の仕事をするには...って話を彼女にイロイロしていた事をおぼえています。まぁ、この時は面接の席で不採用を通知しました。この時に、今回採用にならなかったけど、以下の3点を伝えておきました。うちでは WCAN ってのもやってるので、落とした私に会いたくないかもしれないけど来なさいよ！もし、頑張って Web制作の仕事をしようと思うのならベースキャンプ名古屋に来て勉強なさい！頑張って、今より何か出来るようになったら、もう一度面接してあげるから！それから、3ヶ月くらいの間に30回以上ベースキャンプ名古屋に来て、いろいろ勉強してました。（学生会員ってのになると、ベースキャンプ名古屋はタダで利用できるのだ）随分、無茶な事を言ってました。「MacBook Air買ってこい！」「ガラケーではダメ iPhone 買ってこい！」「通学中も Air 開いて勉強してろ！」「毎日、MacBook Air 抱いて寝ろ！（寝落ちするまで頑張れ！って事）」他にもいろいろ。学生さんの時に、Webの事をバリバリ勉強していたという事ではなく、トライデントのデザイン校でイラストの勉強をしていた子で、彼女のサイトを見るといろいろ描いた絵が載ってたりもする。ここで皆さんは、きっと勘違いすると思う。彼女はデザイナーではなく、マークアップエンジニアとして働きたいと言って私のところに来ている。学校では数時間勉強してるだけ（こいけやクリエイトのみはるさんが先生！）で、後は独学なハズです。真面目にHTMLの勉強をはじめては1年未満の出来てない子でした。で、2月末から3月上旬のどこかで、再度面接して欲しいと言われ、アップルップルの10人目の人として採用になりました。入る事が決まると、いろいろな勉強会は全部出ろ！って言われ、出た勉強会についてはブログにレポートを書けって言われ、定期的にブログを書いてないと仕事しないでいいからブログ書けって感じで指示をしつつ、3ヶ月頑張ってもらいました。何もできないつもりで入れた新卒の新人ですが、やらせてみたところ以下のような仕事をやっています。 4月アップルップルのマークアップ（HTML+CSS）とCMSの実装（a-blog cms） 5月 WCANのサイトのマークアップ（bootstrapベース）とCMSの実装（a-blog cms） 6月 a-blog cms の bootstrap テーマ制作という感じで、3ヶ月の試用期間が終わったところで、今回の紹介のエントリーを書いてみました。今日は WCAN 2013 Summer が開催され、そこでのライトニングトークに森田は出る事になっていますし、a-blog cms の UST 「 #ablogcms STREAM 」毎週木曜日 12:00-13:00 についても、毎週アシスタントとして出てもらってもいいかなって思っています。（これは、まだ伝えていない）これからWeb業界に入りたい人へ、あなたの先輩になる人達はあなた以上に頑張って日々新しい技術を勉強しています。ホント日々どんどん新しい事が出てくるので、思ってる以上に大変です。なので、それに追いつこうと思うのなら、その何倍も頑張らないと追いつけないんです。（何倍も頑張るのは、きっと無理）たくさん勉強会に参加しましょう（できれば懇親会も出た方がいい）そして、その度にブログにレポートを書きましょう。きっと、あなたの履歴書の代わりになります。ペースとしては、森田のブログに負けないくらいのペースで頑張りましょう。森田さんのブログ mkasumi.com 新人の面倒を見る側の人へ、ブログは書かせましょう！そして「はてなブックマーク」を新人に使わせるのがオススメです。「いろいろなブログを見て大事だと思った時にはブックマークしなさい」って言っておくと、少しづつかもしれませんがブックマークが増えていきます。お気に入りに登録しておくと朝に頑張りが届きます。ココ見てるんだってのが分かると新しい事をする時に指示が楽になります。森田さんのはてブお気に入り登録ヨロシク！それでは、森田さんの成長を見てて下さい！負けてられない！って頑張らないと！って思えるようには、頑張らせますので。来週には、森田さんの作ってた（1回ボツにして作り直しになってるんですよ） a-blog cms 用の bootstrap テーマのβ版をお届けしたいと思います。

2013年 7月 6日

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日

久しぶりに 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