株式会社スタメン の技術ブログ

Markdown Parserの闇•闇•闇に浸かった話

こんにちは。桑原です。 2度目の投稿となります。 今回は TUNAG のフィードに埋め込まれている Markdown の仕組みについて解説します。 ※ ソースコード は部分的な公開になるため、ご了承ください。 前置き Markdown とは、テキストで HTML を表現するための マークアップ 言語です。 下記の画像のように、タイトルやプログラムコード、画像の埋め込みなど、多彩な表現が可

Rubocop × RubyMineで、リアルタイムにコードをチェックしよう!

はじめに こんにちは! スタメンのシュール ( @shule517 ) です。 RuboCop って便利ですよね! 僕は Ruby を書き始めた頃に、「君の書いたコードは Ruby っぽくない。Rubocopを入れると良いよ!」とアド バイス をもらってから、ずっと愛用しています。Rubocopは Ruby の一般的な書き方を教えてくれたり、もっと効率の良い書き方を教えてくれるので、 Ruby を学ぶ中でとても頼りにな

SVGでloaderをつくる

1. はじめに こんにちは。エンジニアのミツモトです。 普段は TUNAG という 社内SNS サービスのバックエンドを担当しています。 フロントエンドの業務も行いますが、触れる機会が少なく、たまには動くものを作ってみたい!と思い、今回は SVG でloaderを作りました。 2. つくったもの See the Pen svg loader by mitsumoto ( @mmoto ) on CodePen . 3. SVG とは Scalable Vector Graphicsの略 ベクター 画

障害対応への考え方と備え

こんにちは。スタメンの 小林 ( @lifework_tech )です。 スタメンの社内勉強会で障害対応について話しましたので、資料を公開させていただきます。 障害対応への考え方と備え どんなに対策を行っていても障害は必ず発生します。 地震 のようにいつ発生するのかはわかりません。でも、予め障害発生を想定して、準備しておくと、影響の低減、復旧までの時間短縮など多く

銀座Rails#1で発表してきました!「Railsスタートアップがやってよかったこと」

こんにちは、スタメンの松谷( @uuushiro )です。 「 Rails スタートアップがやってよかったこと」 というタイトルで、 銀座Rails#1 で発表してきました。その時の資料を公開します。 発表内容 https://speakerdeck.com/uuushiro/yin-zuo-rails-number-1-uuushiro スタメンが創業してから約2年間のやってよかったことをまとめているので、以下のような内容に興味のある方はぜひスライドをご参照

Flexbox を利用した Sinlge Page Application のレイアウト

こんにちは。スタメンでデザイナー兼フロントエンドエンジニアをしているナガキです。 弊社が提供している「TUNAG」 には(オプションで)ビジネスチャット機能があります。 App版チャット PC版チャット ご覧のように、 スマホ アプリ版は非常にシンプルな画面構成ですが、PC版はひとつの画面内に様々な情報を表示する必要があり、どうしても複雑になりがちです。 そ

RとigraphでTUNAGユーザーの関係を可視化する

こんにちは。スタメンでエンジニア インターン をしております河井と申します。 本記事では、TUNAGにおけるユーザーネットワークの可視化の取り組みについて紹介いたします。 はじめに 弊社では TUNAG という社内制度をコミュニケーションの起点とする 社内SNS を開発しています。 TUNAG から社内制度を利用すると Facebook のような タイムライン に、制度を利用したことが

カオスになりがちなReact-Reduxのファイル構成をまとめた話

こんにちは。 春からスタメンでフロントエンドエンジニアをしております、桑原と申します。 初めての投稿となります。 今後のフロントエンド開発の紹介を意識して、今回は入口となるファイル構成に ついて紹介させていただきます。 前置き デファクトスタンダード から乖離することに悩み踠き苦しみ、何が正解なのかを 日々模索しながら開発をすることは、フロン

Integromat による Trello・GitHub 連携

こんにちは。6月からスタメンに入ったエンジニアの滿本(ミツモト)です。 スタメンではタスク管理ツールとして Trello 、バージョン管理サービスとして GitHub を採用しています。 今回はそれらを連携する Integromat というサービスについて紹介します。 Integromatとは? Integromat アプリケーションを連携できるサービス。 インターネットの接着剤(glue)と呼ばれている。 ア

TUNAGの全文検索を支える Elasticsearch × Rails

こんにちは、スタメンの松谷です。 弊社は「TUNAG」という 社内SNS を提供しています。TUNAGではアプリケーション フレームワーク として、 Ruby on Rails を使用しています。TUNAGの主要機能に Facebook のニュースフィードに該当する「タイムライン」があり、社員同士のコミュニケーションや、会社からのお知らせが共有されます。 タイムラインに投稿が蓄積されるにつれ、過

【登壇資料】 第3回 名古屋若手Webエンジニア交流会に登壇しました

こんにちは、スタメンの小林です。 登壇から少し時間が経ってしまいましたが、2018/03/10 に スタメンオフィスにて、開催された「 第3回名古屋若手Webエンジニア交流会 」で講演した際の資料を公開します。当日は、名古屋を中心に活躍する若手エンジニアがたくさん集まってくれました。 少しでも参考になればと思い、赤裸々に自分の若い頃を振り返ってみましたが、少

TUNAGのフロントエンド開発について

こんにちは。スタメンでデザイナー兼フロントエンドエンジニアをしているナガキです。 以前、 スタメンの開発環境について お話させていただきましたが、デザイナー兼フロントエンドエンジニアという立場から、スタメンではどのように TUNAG をデザイン、開発しているかご紹介させていただきます。 デザイン制作 大きな機能開発が必要な場合、まずは手書きのワイ

Rails開発するならRubyMineがおすすめ!

はじめまして! 1月からスタメンのエンジニアをしているシュール( @shule517 )です。 よろしくお願いします。 「名古屋の勉強会をもっと楽しみたい! 応援したい!」という思いで、 趣味で 名古屋勉強会らむだ ってサービスを公開してます。 これが初めて作った Rails アプリで、当時はまだ「 Windows + VisualStudioCode」で開発をしていました。 あの頃の自分に教えてあげたい

Rails way なファイルアップローダActiveStorageを調べてみた

こんにちは。スタメンエンジニアの松谷です。 2018/1/27(土)に、弊社で Rails5.2 の新機能 ActiveStorage を題材にした開発イベントを開催しました。 ( 【開発イベントレポート】ActiveStorageを使ってWikiアプリを作ろう! ) そのときに調べてわかったことを書いていきたいと思います。 ActiveStorageとは ActiveStorageとは、Rails5.2から利用可能なファイル アップローダ です。 クラウド

TUNAGのログイン認証を支えるgem deviseの話

こんにちは。スタメンエンジニアの松川です。 今回は、前回、市川の方からスタメンの開発コンセプトにあげられた ・ツールやライブラリをちゃんと使いこなす に着目したいと思います。 前回、紹介があった通り、スタメンではアプリケーション フレームワーク として、 Ruby on Rails をメインに使用しています。 スタメンでは、「少ない人数で いかに( ラク をして)サ