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

News|新着情報

年末年始休暇のお知らせ

2017.12.18

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

 

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

 

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

 

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

 

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

 

 

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


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

 

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

 

緑茶入れてます。

 

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

 

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

【採用情報】一緒に働いてくれるエンジニアを募集中です

2017.8.2

こんにちは。土門です。

今回はスタッフ募集のお知らせです。
現在翠灯舎では業務拡大につき、一緒に働いてくださるエンジニアさんを募集しております。

まずは、改めて「翠灯舎ってどんな会社?」というご説明から。
翠灯舎は、Webサイト制作の会社です。
スタッフ合わせて5人という少人数の会社ですが、
プロジェクトマネジャー、ディレクター、デザイナー、エンジニア、ライターと、
企画から制作、運用まで、社内ワンストップで請け負うことができる、少数精鋭の体制をとっています。

お客様のやりたいこと、なりたい形をヒアリングし、そのためにできることを一緒に考え、形にしていく。
小さな会社ならではのこまわりの良さ・対応の早さ・フレンドリーさで、
お客様と一緒の立ち位置でものづくりをすることを大事にしています。

 

 

社内はこんな感じです。
いつも2階で5人わいわいしながらお仕事をしています。
なぜかレコードプレイヤーがあったり、最近Bluetoothのスピーカーを買ったので、音楽を聴く環境もばっちり。
ちなみに5人中3人がバンドマンです。あとの2人は音楽のフリーペーパーを作っています。



1階はミーティングスペース。
こちらでお客様と打ち合わせをしたり、社内ミーティングをしたりします。




奥に見えるのはPマーク。
あまり知られてない(というか、あまりアピールできていない)のですが、プライバシーマークをとっています。
Web制作業務は個人情報を多く取り扱うことがあるので、リスク管理のために社内で管理制度を作り、教育も行っています。
とるのは結構大変なんですよ?




福利厚生で、ごはん食べ放題、みそ汁飲み放題です。
最近フリーヌードル(カップ麺)・フリーウォーター(クリクラ)も追加されました。
おかずだけ持ってきていただけたらあとは何とでもなります。
もはやおかずも要らないくらいです。



マイ器も支給されます。あとおやつタイムにはコーヒーを淹れます。
お察しの通り食べること・飲むことが好きな人間ばかりなので、
おいしいものをよく食べにいってはInstagramに嬉しそうにアップしています。




いかがでしょうか。
翠灯舎の雰囲気、少しは伝わったでしょうか。





それではそろそろ、肝心かなめの募集要項行ってみましょう!
(こちらは専務の佐野です。弊社のエンジニアの長です)

———————————————————————————————————–


〈募集要項〉

【募集職種】
・エンジニア 1名(予定)

【勤務形態】
・正社員(試用期間あり)

【勤務場所】
弊社
〒604-8226 京都府京都市中京区西錦小路町263番地 ナウティカビルディング C102号室
https://goo.gl/maps/9d4yRTtBv932
※在宅不可です。

【勤務時間】
・月~金(日祝休、GW・夏季・年末年始休業あり) 10:00~18:00
・休日:土日祝、GW・夏季・年末年始休業あり、慶弔、有給休暇

【給与】
・毎月末支払
・金額は面談により決定
・交通費全額支給
・昇給:年2回(2年目より)
・賞与:年2回(2年目より)

【業務内容】
・HTML/CSSコーディング
・WordPress/concrete5のオリジナルテーマ・プラグイン・アドオン開発
・他PHP、JavaScriptを使用したアプリケーション開発など

【応募資格】
・20代〜30代くらいの方(男女問いません)
・HTML5 + CSS3でのコーディング実務経験のある方
・PHP、Javascriptを使用したWEB制作の実務経験のある方
・WordPressオリジナルテーマ作成の実務経験のある方
・Excel、Word、Powerpointなどoffice系ソフトの基本的な操作ができる方
・明るく朗らかで健康、基本的なコミュニケーションが取れる方

【こんなスキルのある方を歓迎します】
・concrete5を使ったサイト構築経験のある方
・お客様とのコミュケーション能力
・社外・社内におけるディレクション能力

【採用までの流れ】
書類選考→面接→入社試験→役員面接→内定

【エントリー方法】
履歴書・職務経歴書・ポートフォリオを、下記メールアドレスまでご送付ください。
書類審査通過者には、面接の日時を連絡いたします。
info@suitosha.co.jp(担当:佐野)


—————————————————————————————————

皆様のご応募、首を長くしてお待ちしております!
(首は長くできないので振りました)

土門

夏季休業日のお知らせ

2017.7.14

【夏季休業のお知らせ】
こんにちは。代表の田中です。
今日はアーキテクトタイタンさんとおいかぜさんとの三社合同勉強会です。「チームビルディング」についてワークを行っております。
講師から「経営者は参加しないで」と言われているので、私は横で見守っております。すぐに口を出したくなるので要注意です。



 
さて、京都は祇園祭も始まりすっかり夏です。チントンシャン
というわけで、来月にやってくる私たちの夏季休業日についてお知らせいたします!
 
【夏季休業日】
2017年8月14日(月)〜8月18日(金)
※土日祝日もお休みです。
 
上記期間中は、電話・メール等が通じなくなってしまいます。メールの返信はお休み明けの21日(月)から順次対応いたします。
お急ぎのお客様には大変ご迷惑をおかけいたしますが、何卒よろしくお願い申し上げます。
 
長期休みだけを心の支えにあと1ヶ月を乗り切ります!
どんと来い、お仕事!

GW休業日のお知らせ

2017.4.6

すっかり春めいてまいりました今日このごろ、みなさまいかがお過ごしでしょう。代表の田中です。
弊社では怒涛の年度末が終わったと思ったら、今度はインフルエンザやら高熱やらでバタバタと倒れる人が続出でえらいことになっております。終わらない、年度末。
 
もうこれ会社閉鎖してもいいんじゃない?と残りの人間(現在たった二人)で話しておりますが、なんとか通常営業しております。
お客様各位にはご迷惑をおかけしており大変申し訳ございません。
 
さて!
そんな満身創痍の弊社ではありますが、GWは下記日程でガッチリお休みをいただこうと思っております。
 


【弊社休業日】
2017年4月29日(土)〜5月7日(日)

 

基本営業日はカレンダー通りなので、余計に休むのは5/1,2だけなんですよ。だから別にそんなに長いわけじゃないんですよ。
と、誰にするわけでもなく言い訳をしてみたり。
 
ということで上記期間中は、電話・メール等が通じなくなってしまいます。メールの返信はお休み明けから順次対応いたします。
お急ぎのお客様には大変ご迷惑をおかけいたしますが、何卒よろしくお願い申し上げます。
 
お休み明けからはまた馬車馬のように働きます!押忍!
(田中郁后)

【 concrete5 Japan Advent Calendar 2016】page_listブロックとGoogle Maps APIでイベントマップを作るぞい!

2016.12.22

この記事は concrete5 Japan Advent Calendar 2016 の21日目の記事でございます。
昨日はfujigoco2255さんの「concrete5の導入事例をインフォグラフィックにしてみた」でしたね。
マーケターさん目線での非常にためになる記事でした。しびれる記事。読むべし!

 

はい、concrete5並びにそこに携わる皆さんには今年も大変お世話になりました。

飲みに行ったり、エバンジェリストになったり、飲みに行ったり、こないだ京都の皆でconcrete5の日を開催したり、飲みに行ったりとか色々なことがありました。

 

来年もたくさん飲みに行きましょう!

 

去年はconcrete5の思い出的な記事を書いたので今年はちょっとだけ技術tips的なことを。

 

「ページリストブロック + Google Maps APIをカスタマイズしてイベントマップを作る」をやります。

※concrete5中級者?向け記事かと
※ホントはパッケージからページタイプ・ページ属性を登録して〜とかやりたかったんですが、
いかんせん師走につきブロックのカスタマイズのところだけ駆け足で行きます!

 

 

【こんなことします】

 

イベント告知ページを作ってページ属性に緯度・経度を登録してイベント一覧ページにpage_listブロックを設置。イベントリストを表示。
ページリストを使って出力されたイベントリストの上部に登録したイベント開催場所が全部表示されたGoogle Mapを出力する。

 

 

【必要なもの】

 

・concrete5
・Google Maps APIのAPIキー(←取得しといてね)
・concrete5のブロックカスタマイズに関する少しの知識

 

※APIキーの取得手順についてはこちらがわかりやすいです。
『Google Maps の APIキー を簡単に取得する』
https://nendeb.com/276

 

 

まずは一覧表示ページを作ってページリストを設置しておきます。
「場所」は「ここのページ以下の階層」を指定して、このページの配下にイベント情報を投稿していきましょう。

 

 

続いてページ属性を用意します。
「テキスト」タイプで緯度・経度の登録用項目を用意します。

 

 

下準備として、先ほど登録した一覧表示ページ配下に適当な緯度・経度データを入れたページを追加しておきます。

 

 

続いてテンプレートのカスタマイズ準備です。

 



/concrete/blocks/page_list/controller.php
/application/blocks/page_list/controller.php へコピー。

 


viewテンプレートとして

 


/application/blocks/page_list/view.php
/application/blocks/page_list/templates/event_map/view.php へコピー

 

しておきましょう。

 

/application/blocks/page_list/controller.phpのカスタマイズを進めます。
まずはお作法通りファイル冒頭のnamespaceを書き換え。

 

 

このタイミングでカスタムテンプレートが選択できるようになるので
先ほど設置したブロックにカスタムテンプレートを設定しておきます。

 

 

続いてマップの表示に必要なjsライブラリを読み込ませます。
class Controller の末尾にこちらを追加。

 

マップ出力に必要なjQueryとunderscore.jsを読み込ませます。

さらにGoogle Maps API読み込みもここで設定。取得済みのAPIキーを入力します。

 

※underscore使わなくてもできますが、コアに登録されてるjsはconcrete5の処理を通すことで自由に呼び出して且つ重複を気にせず扱えますよーアピールで。
※ホントはAPIキーをブロックの登録時にconfigとかに保存する方が良いと思います。google mapブロックのcontrollerが参考になります。

 

ページリストが1ページ内に複数設置されることも想定して、
設置されたブロックごとにマップ関連の機能が利用できるような判定材料を入れます。

 

viewメソッドにこちらを追加。

 

 

これで生成される文字列をviewテンプレート内の処理でIDの一部として扱います。


続いてviewテンプレートのカスタマイズへ。

 

/application/blocks/page_list/templates/event_map/view.php
6行目に追加

マップの緯度経度を格納する配列を設定しておきます。

 

/application/blocks/page_list/templates/event_map/view.php
8行目に追加

マップ表示用の要素を設置します。
$unique_identifier込みでidを振って同じページに同ブロック同テンプレートが複数設置される場合にも対応します。(後述のjs処理も同様)

 

続いてforeachでページデータを出力する流れでマップ表示用のデータを作っていきます。

 

/application/blocks/page_list/templates/event_map/view.php
141行目に追加

ページタイトルとページURLはページリストの処理から拝借します。
ページ属性から緯度・経度も取得して配列にまとめます。

 

さ、準備は万端。マップの出力処理です。

 

/application/blocks/page_list/templates/event_map/view.php
末尾に追加

 

ポイントはこのあたり。

ページリストの処理に乗っかって作ったマップ表示用データをjsonに変換してます。

このjsonをunderscoreの_.eachで回してマップにピンを立てていきます。


※マップ出力についての説明は割愛します。今回は最低限の設定のみで。

 

完成品はこちら。

 

http://suitosha.co.jp/temporary/c5sample/events

 

登録したページの緯度経度に応じてマップにピンが追加されてます。
マーカーをクリックして詳細ページへのリンク付き吹き出しを出す処理も追加してます。

 

コードの全容は取り急ぎこちらからどうぞ!

 

page_listブロックをカスタマイズしてページ属性で登録された緯度・経度からGoogle Mapにピンを立てるサンプル

 

超駆け足でしたがブロックの処理にちょっと工夫するだけで便利な機能作れまっせ〜ということです!
concrete5はブロック側のphpからjsへの橋渡しをし易くする機能がそこかしこに用意されているので嬉しいです。

 

最近リリースされたconcrete5 version 8に搭載されているExpress Data Objectsでは
より細か〜いデータの管理がしやすくなるので、
サイトに登録されたデータをjsで面白おかしく加工したりとか考えるとわくわくしますね。

 

しますよね??

 

というわけで来年も公私ともにお世話になりますconcrete5!

 

明日22日は、全国数万人のconcrete5erお待ちかね、
今年数多の登壇で各地に笑いとか笑いとか感動とかを巻き起こした
カリスマデザイナーことDJ Kazu氏の出番です。

 

彗星のごとくconcrete5に現れたWebデザイナーの1年

 

Kazuくん、今年は美味しいお店たくさん教えてくれてありがとう。
個人的にconcrete5 T-shirtsのスウェット版欲しいので是非、来年企画にあげてください。

 

みなさま、師走を頑張って生き延びて!良いお年を〜!

Offer to Us

to Top Page

Contact

Contact