翠灯舎 | Suitosha Inc. 翠灯舎 Suitosha Inc.

News|新着情報

ディレクター勉強会「サイトから企画を読み解く」〜三社合同勉強会ディレクター編レポート〜

2018.1.29

1月15日(月)、翠灯舎とアーキテクトタイタンおいかぜ3社による
合同勉強会~ディレクター編を開催しました。

今回のテーマは「サイトから企画を読み解く」ということで
参考サイトを閲覧しながら
==
・ターゲット(ペルソナ)
・ユーザーストーリー
・構築手法
・想定されるサイトコンセプト
==
などなどを、ディスカッション形式で
参加者全員で読み解いていこうといったものでした。

コーポレートサイトやECサイトなど
目的やターゲットとなるユーザに合わせて
様々な種類のウェブサイトが現在公開されておりますが
運営スタッフがランダムに取り上げた参考サイトは以下の通りです。

【特設サイト】
さよなら、銀行|住信SBIネット銀行 10th Anniversary Brand Site
https://contents.netbk.co.jp/10th/
デサント 2017 スプリング&サマー
http://ss2017.descente.jp/
タカガール
https://wing2.softbankhawks.co.jp/ex/takagirl/

【オウンドメディア】
She is
https://sheishere.jp/

【リクルート】
株式会社ラナデザインアソシエイツ
http://www.ranadesign.com/recruit/changethework/

【ECサイト】
Amaro onlinestore
http://amabro-online.com/


ジャンルもデザインも全く異なるサイトですが
まず上記の中から1つのサイトを例にあげ
「このサイトを制作した目的は何か。」
「ターゲットは誰か。」
「利便性はどうか。」
「競合はどこにあたるか。」
といったような問いを自由にあげていき
それを元に自身の経験や考えを全員に共有していきます。



意見を交換していくにつれて
「他社は競合を分析する際、このようなツールを使っているのか」や
「同じディレクター同士でもサイトを見る視点がここまで違うのか」など
属している会社や担当している案件によって角度の違った見解が聞けて
みんな興味津々。

一言でディレクターといっても
業界や会社、案件によって
担当する業務やワークフローは異なります。

だからこそ同業種の他社のスタッフと
集まってこのように意見交換できる場所は
我々ディレクターにとってとても貴重な時間です。

今年度のディレクターの勉強会は今回で終わりますが、
こういった時間を大切に積極的に学びを続けていけるよう努めていけたらと思っています。

次回はデザイナーの勉強会の様子をレポートします。
引き続きブログで報告させていただきますので、
今後とも宜しくお願いします。

エンジニアもくもく会〜3社合同勉強会 エンジニア編レポート〜

2018.1.18

昨年3月より、定期的に開催しております翠灯舎とアーキテクトタイタンおいかぜ3社による合同勉強会~エンジニア編。JavaScript勉強会以降は、講師を呼ばずに自分たちの学びたいテーマを勉強する「もくもく会」と称して活動中です。

「もくもく会」というのは、文字通り黙々と取り組む会のことで、エンジニア界隈ではよく聞く名称です。
この3社間の勉強会では、

・各回毎に1社ずつ持ち回り、取り組みたいテーマを決め、事前情報をSlack(チャットツール)で共有する。
・「もくもく会」中は、各々自由にテーマを勉強。
・会後は、成果発表をしつつ、ビアバッシュ!

という取り決めをして進行しています。

今年度はエンジニア界隈で話題となっていた
・Electron (エレクトロン)
・Vue.js
・TypeScript
を全3回で勉強致しました。


昨年9月に開催した第一回もくもく会のテーマは「Electron (エレクトロン)」。主催は翠灯舎。
Electronとは、Windows/macOS/Linuxで実行できるデスクトップアプリをHTML+CSS+JavaScriptといったWeb技術で開発できるフレームワークのことです。
開発環境を構築するところからスタートしましたが、事前資料をslack上でエンジニア同士がやりとりしていたこともあり、早速制作に入る方多数で、2時間あまりでテキストエディタまで作り上げるエンジニアもいました。

続いて11月に開催した第二回は「Vue.js」。主催はおいかぜ。
Vue.jsはユーザーインターフェースを構築するためのJSライブラリのことです。主催側が事前にサンプルのWordPressを準備して、REST APIでデータ取れるようにもしていたので、そちらを活用してSPA(シングルページアプリケーション)などの作成を行うエンジニアもおり、実務で使えるかの検証をしていました。


1/9に開催した第三回のテーマは「TypeScript」。主催はアーキテクトタイタン。
TypeScriptはJavaScriptの弱点や使いにくい点を改善したプログラミング言語のことです。JavaScriptには型がないため、大規模な案件でもスムーズな開発が行えるようマイクロソフト社が作った言語となります。
普段は、いきなり制作物を作る人が多いのですが、今回は圧倒的に文法を読み込む人が多く、まさに黙々と勉強するような会となりました。

会中は、黙々しているので静かな時間になりますが、口頭やSlackで自由に質問が出来、盛り上がる時間もしばしばありつつも、集中して勉強しているのであっという間。
3社共に、所属しているエンジニアは2-3名と少人数です。同じ職種の仲間が集まって会話をし知識を得たり、様々なレベル間のエンジニア同士で刺激を与えあえるような会は、1社だけではなかなかできないものなので、とても有意義でありがたい時間です。

今後もよりよい制作物をお客様に届けられるよう、3社社員一同多くの学びを積極的に取り入れていきます。

引き続きブログで報告させていただきますので、
今後とも宜しくお願いします。

土門より退職のお知らせ

2017.12.19

こんにちは。土門です。
本日はひとつお知らせを。

2017年12月28日をもちまして、株式会社翠灯舎を退職することにいたしました。
この4年間、あっという間でしたが、私にとっては欠くことのできない4年間でした。
いろいろな方に出会い、たくさんの勉強をさせていただきました。
お世話になった皆々様には心よりお礼申し上げます。
本当にありがとうございました。

退職まであと10日、年が明けたらもうここに席はないのだなと思うと何だかさみしい毎日です。


翠灯舎でやっていたこと

2013年に入社してから4年、20代の後半をここで過ごさせてもらいました。
もともとは出版社の営業を4年やっていて、業界も職種も全然違う畑の出身。
Webの制作に携わることはおろか、ビジネスメールもほとんど書いたことがない状態でしたが、「翠灯舎で何ができるかわからないけど一緒に働きたい」という私の申し出に、「いいよー」ととても軽快に答えてくれた代表の田中・専務の佐野には本当に感謝しております。

20代の中盤、私は人生に行き詰まっていました。
書くことが好きで、本を作りたいという夢が昔からあって、それで出版社に入ったのですが、編集経験のないまま4年が過ぎ、そのうち子供も産まれ、育休明けて職場復帰したものの、心身ともに疲弊して退職。
ふと気づくと自分には何もキャリアが残っておらず、
「私には、好きなことを仕事にするなんて夢のまた夢だったのだ」
と毎日ものすごくネガティブなことを考え自分を責め続けていました(根が暗いもので…)。

でもそんな私にも残っているものがありました。
それは、学生時代から友人だった翠灯舎代表の田中と一緒に作っていたフリーペーパーの『音読』。
そのころ唯一『音読』だけが、自分の好きな「書くこと」で社会と繋がれる点でした。
「本を作りたい」という夢も、ここで小さく叶え続けていました。

なぜ翠灯舎で働きたいと思ったかというと、田中と佐野が尊敬できる友達だったから。
ふたりはそのころから、自分の好きなことを大事にしながら仕事もちゃんとする人でした。
そうしているふたりだからこそ、そこに入って来る人も「自分の好きなこと」がはっきりしていて、それをきちんと守って生活していきたい、という人が多かったのだと思います(歴代スタッフにバンドマン率が異常に高いのもそのせいだと思います)。

自分がここで『音読』をつくる以外に何ができるのかはわからないけれど、ここで働いてみたいなと思いました。
そのころにはもう自分の夢はほとんど諦めかけていて、何がしたいのかよくわからなかった。
「好きなことを仕事にする」ということがよくわからなくなっていたので、だったらここで、尊敬している友達、つまり自分の「好きな人たちと仕事をする」、ということをしてみようと思いました。
とにかく自分と仕事が乖離しない働き方をしたい、というのが、そのときの自分の目標でした。

最初は「私、ここにいていいのか?」というくらい仕事がなかったけれど、「書くことだけにこだわらず、自分にできる仕事は全部人からもらっていこう」と思いながら過ごすうち、少しずつ仕事が増えていき、最終的にはライティング業務のほかに、ディレクション、経理、社内教育、人事(面接に同席するだけですが)、総務、炊飯など、いろんなことを担当するようになりました。
はじめてやる仕事ばかりでしたが、基本は全部「みんなが少しでも楽に、楽しく仕事できるようにすること」だと思っていて、学ぶことはとても多く、楽しかった。
結果的には自分がいちばん楽しく仕事をさせてもらっていたように思います。


翠灯舎で学んだこと

翠灯舎は、やろうと思えば何でもできる場所でした。
「これがやりたい」と言えばほとんど何でもさせてもらえました。
うまくいくことばかりでは決してなくて、挫折をしたこともあったけれど、それでも最後には「勉強になったなあ」と言ってもらえる場所で、失敗を怖がる必要がなかった。
だからこそ、文句が言えない場所でもありました。
やろうと思えば何でもできる場所にいるとき、文句は全部自分にかえってきます。
やりたいことを仕事に変換する、仕事をやりたいことに変換する、ということを私はここで学びました。

そして、翠灯舎は「会社を育てる」ということを常に考えさせられる場所でした。
もともと友人関係にあった経営者ふたりと、5人という人数の少ないチームを編成しながら、「会社として存在する」とはどういうことなのかをずっとそばで見て、考えてきました。
経営って大変だなあ、勤めたほうが断然楽だよなあ、とサラリーマンしかやったことのないわたしははじめ思ったものですが、それでもここにいるうちに、人が自ら会社を作り動かしていく、その理由がだんだんわかってきたように思います。
自分たちで舵をとって、自分たちで進んでいくこと。
そんな大変なことがこんなにもおもしろいと感じることができたのは、この5人のメンバーだったからだと思います。


翠灯舎で得たもの


翠灯舎で働いたなかでもっとも大きい収穫は
「自分は仕事が好きだ」
と思えたことでした。
これはとても根の深いところで、私の自信になっています。
誰より優れているからとか、誰に評価されたからとか、そういうことではなくて、本当に基礎的な基礎なこと、「自分は仕事が好きだな」と思えたことは、純粋でゆるがない自信になりました。

30を迎えたとき、自分の仕事はやっぱり「書く」ことだ、と決めることができたのも、この自信がついたからこそだと思います。
ちょうどこのころ二人目を妊娠・出産しましたが、私の中の決意は全然揺るがなくて、「自分は自分のやりかたでキャリアを築いていったらいいや」と思うようになりました。

その後、翠灯舎は副業がOKなので、在籍中に土門蘭個人としてライティングのお仕事も複数させてもらい、2017年5月には、合同会社文鳥社という出版の会社を立ち上げ、最近そこで初めての本を著者として出しました。

やろうと思えば何でもできる場所であり、「会社を育てる」ことを学んだ場所であったからこそ、私は結果的に自分にとって最も大事な「書くこと」を選び、自分も会社をつくることを選んだのだと思います。

その基盤となる自信をつけてくれた翠灯舎には、本当に心から感謝しています。



これからについて

今後は文鳥社として、土門蘭として、「書く」仕事をしていこうと思っています。
卒業とか独立とか、いろいろ表現はありますが、私の中では原点回帰です。
翠灯舎で築いた「仕事が好きだ」という基盤に、これから自分ができることを一個一個積み上げていこうと思います。

「翠灯舎」という名前には、灯のもとにみんなが集まって、学んだり成長できる場所であるように、という意味が込められています。
「翠」はみどり。専務の佐野が好きな色ですが、この漢字には偶然、「羽」と「卒」という文字が含まれています。

私の会社が「文鳥社」という名前なのも偶然ですが、でもそういう場所だったな、と振り返ってみて改めて思います。


これまでお世話になった皆さま、そして翠灯舎の皆さん、本当にありがとうございました。
今後も一緒にお仕事させてください。
また土門と仕事がしたいな、と思ってもらえるよう、毎日精進します。

今後ともどうぞよろしくお願いいたします。


土門蘭

年末年始休暇のお知らせ

2017.12.18

お世話になります。代表の田中です。

 

早いもので2017年ももう終わりです。
めっきり寒くなってまいりましたが、皆様いかがお過ごしでしょうか。

 

私たちは皆、特に風邪を引くこともなく、おいしいおやつなどを食べながら、
時には刺し身を食べお酒などを嗜みながら、毎日なんやかやと楽しく過ごしております。

 

そんなことをやってましたらあっという間に年末がやってきまして
年末年始休暇のご連絡もしておりませんでしたので
いそいそとさせていただくことにいたしました。

 

毎年のことなのですが、またもや今年も長めにドーンとお休みをいただきます!イエー

 

 

【年末年始休業日】
2017年12月29日(金)〜2018年1月8日(月)
 


上記期間中は、電話・メール等が通じなくなってしまいます。
メールの返信はお休み明けの1月9日(火)から順次対応いたします。
お急ぎのお客様には大変ご迷惑をおかけいたしますが、何卒よろしくお願い申し上げます。

 

では最後に、1ヶ月ほど前から弊社で頑張ってくれている大学生インターンの深谷くんの写真などを。

 

緑茶入れてます。

 

理科の実験のように緑茶を淹れてくれてます。
インターンが終わるまでにおいしいお茶を淹れられるようになるそうです。
高年齢な私たちは彼から最近の大学生が聴いている音楽などを教えてもらってます。

 

それでは、みなさま良いお年を!
楽しいお正月をお迎えください。
また来年もどうぞよろしくお願い申し上げます。

かゆいところに手が届くかも!concrete5 8系 地味カスタマイズ集

2017.12.16

 

この記事は concrete5 Japan Advent Calendar 2017 の16日目の記事です。
前回はASUMIさんの「concrete5 “Meetup Tokyo”に参加してきました!」でした。
concrete5全然関係ない内容も満載の懐深いMeetup・・・!
今年の東京勉強会は面白そうな内容多かったなぁ〜。

 

今年の京都チームはというと「concrete5の日」を複数回開催したのみ!ということで
来年はもう少し動きを増やしていければなーと思ってます。

 

はい、というわけで今年もたくさんconcrete5のお仕事させていただきました。
本記事ではconcrete5でサイトを作る上でかゆ〜いところに手が届く(?)カスタマイズを幾つか紹介します。
とにかくかゆい、かゆいんだ!

 

 

かゆい1:「ページ」をクリックした時のパネルをカスタマイズ

 

ログイン時に表示される「ページ」をクリックした際に表示されるここ↓。
コンポーザーからページを作成したり、サイトマップや下書きを確認したりと
サイト制作時に非常によく目にすることになるこのエリアにもう少し色気を加えます。

 

 

まずはこのエリアを出力しているconcrete/views/panels/sitemap.phpをオーバーライド。
application/views/panels/sitemap.phpとしてコピーします。

 

これで準備はOK。
先ほどコピーしたsitemap.phpではこんな感じで各種情報が出力されています。

 

・6〜29行目あたり:よく利用される&他のページタイプ
・43〜61行目あたり:下書き
・64〜79行目あたり:サイトマップ

 

とりあえず下書きエリアをちょっと変更してみます。
下書きリストにはページタイプが表示されないのでページタイプを表示させてみましょう。

 

 

いい感じです!

 

 

とりあえずこのファイルに記述した内容は出力されるのでサポート情報を掲載したりするのもいいかもですね。

 

 

 

かゆい2:あるページのあるエリアを指定してあるブロックを取得、そこからどう出力するか??

 

ページテンプレートなどで、あるページのあるブロックに登録された内容を出力したい時って結構あります。

 

例えば「Page Selector Attribute」を使ったページ属性である商品ページを選択、「関連する商品」としてそのページのブロック内の情報を出力したい!とか。

 

そんな時はこれ。
まずは指定されたページの狙いのエリアにある狙いのブロックを取得。

 

 

$_blocksには狙いのブロックオブジェクトが入ります。
これを使ってこんな感じで出力できます。

 

 

controllerをカスタマイズして独自のメソッドを追加していたり、
独自の変数を登録している場合も上記の方法で自由に扱うことができます。

 

 

かゆい3:君にだけ通知を送りたいんだ・・・

 

(設定は非常に非常に面倒ですが使いこなせれば)強力なconcrete5デフォルト機能、「ワークフロー」。
皆さん使ってますか?
今年も幾つかのサイトでお世話になりました。

一般的なサイトだと大体「承認者グループ」「投稿者グループ」といった具合に
グループ向けにワークフローを設定することが多いと思うのですが
通知設定かけたグループに含まれるすべてのユーザーにメールが飛んでしまうんですよね。
当たり前といえば当たり前ですが。


ただ「投稿者グループ」に所属している「ワークフローに送信したユーザー」にだけ通知したい時、ありますよね?

 

まずはconcrete/src/Concrete/Workflow/BasicWorkflow.php
application/src/Concrete/Workflow/BasicWorkflow.phpとしてコピーします。
それからapplication/bootstrap/app.phpでオーバライド設定。

 

 

ワークフローの通知関連エリアをカスタマイズします。

 

 

これでうっかりテストサイトからたくさんのユーザーに通知が入って大目玉食らうことが防げるぞ!
(↑実際にありました。)

 

 

かゆいおまけ:「通知設定」やってるやってる〜??

 

デフォルト状態ではワークフローを設定した際「管理者」グループに属していないユーザーは「確認待ち」ページで承認リストが表示されません。
管理画面の下記ページで確認待ち情報を通知したいグループを追加しましょう。

 

/dashboard/system/registration/notification

 

 

これ地味に設定忘れる&この設定ページ自体を忘れるのでメモメモ。

 

今年もお世話になりました

 

今年も各方面の皆々様、大変お世話になりました。

来年もレッツエンジョイ concrete5!

ますます機能充実の3.0もリリースされてこれからも楽しみです。

加速して熱を帯び発光するconcrete5 アドベントカレンダー 2017、次回はtao-sさんの「8.3.0について何か」です!

Offer to Us

to Top Page

Contact

Contact