こんにちは。株式会社M&Aクラウドの荒井です。 先日10月28日に行われたLaravel/Vue.js勉強会#11にて弊社の津崎がLT発表を行いました。 登壇内容 「PhpStormからLaradock上の PHPUnitを動かしたら開発が捗った話」 弊社で実際に使っているPhpStormからLaradock環境内でのテスト実行とその設定方法についての発表でした。以下に実際のPhpStormの設定方法についてもQiitaの記事としてまとまっていますのでぜひご覧になってください。 qiita.com Lar

はじめに phpcon.okinawa.jp 株式会社Re:Buildのカンボ(鈴木孝之)です。 10月12日（土）に PHPカンファレンス 沖縄2019をカンファレンス実行委員長として、企画・運営した中で背景や 開催にあたって込めた想いをまとめましたので、よろしければ、読んでください！ 今回のカンファレンスは全体で約150人の方が参加して下さいました。 1. PHPカンファレンス 沖縄開催にあたっての背景 今回のカンファレンスでの個人的なテーマは「融合」でした。 何故かというと、沖縄は島というのもあり、

スマートキャンプのエンジニア入山です。 近年、ユーザ体験（UX）の優位性からSPA（Single Page Application）を採用しているWebアプリケーションを多く目にするようになりました。 弊社が8月1日にリリースした、インサイドセールスに特化したCRM Biscuet（ビスケット） も、Vue.jsを使ったSPAで構成されたサービスです。 SPAを採用することで多くのメリットがありますが、従来のMPA（Multiple Page Application）とは異なる運用ノウハウが必要になると思

こんにちは。BASE株式会社 DataStrategyに所属している齋藤( @pigooosuke )です。 先日、 ショッピングアプリ「BASE」 内の主要コンテンツである商品特集を自動で運用するように切り替えました。 今までは、「ワンピース特集」「ピアス特集」など、トレンド・テーマに沿った商品選定を人手で行い、全ユーザーに対して同一の配信をしていましたが、改善後はトレンドを捉えた特集コンテンツを自動で生成し、ユーザー別に最適化された特集を配信出来るようになりました。その結果、閲覧数の向上に繋げることが

スマートキャンプのデザイナー/エンジニアのhaguriです。 弊社では8月1日、インサイドセールスに特化したCRM Biscuet（ビスケット） という新サービスをリリースしました。 biscuet.jp Biscuetでは Vue.js + Atomic Design でコンポーネント設計をしています。今回はその構成と考え方・Biscuetチームでの運用について紹介していきます。 Atomic Design について templatesとpagesについて Biscuetでのルール atoms mole

スマートキャンプのエンジニア瀧川です！ クライアントサイド(JavaScript)で処理を定期実行したい場合は皆さん使いますよね！ そうsetInterval関数です。 ただ何も考えず使ってしまうと色々な問題が起こったり... そこで本記事ではsetInterval関数を使う際の困りごとを挙げて、それをまるっと解消するVue.jsプラグインを作る方法を紹介したいと思います！ (今回はVue.jsで実装しますが、特に依存しているわけはないので他のフレームワークをお使いの方も参考にしてください！) まずVue

はじめに こんにちは。新卒２年目のaa_cryingです。 最近興味本位でVue.jsについて学習を始めましたので、今回はVue.jsの基礎的な部分について紹介したいと思います。 はじめに Vue.jsとは プログレッシブフレームワークとは Vue.jsの代表的な機能 リアクティブなデータバインディング コンポーネント 高速なレンダリング おわりに 参考にした記事 Vue.jsとは Vue.jsとは、 ユーザーインターフェイス (UI)を構築するための JavaScript の プログレ ッシブ フレーム

id:radiocat です。毎月お楽しみのエンジニアもくもく勉強会のお知らせです。今回は6/13（木）に開催予定です。 rakus.connpass.com 5月のレポート 前回も様々な技術分野に取り組んでいる方々が参加されました。 PHP 、 Python 、Docker、Vue.jsといったキーワードが複数登場しています。 ブログを書いている人も多く、参加された皆さんの活動の一端を知ることができてエンジニアとして参考になります。また、プログラミングなどの作業の傍らで技術書籍を読んで参考にしている人も

こんにちは！今年の4月に新卒として入社したエンジニアの id:maeken2010 です． 5/24(金)に行われた Gotanda.pm #19 に初登壇枠として発表してきました． 今回はその発表についての記事です！ Gotanda.pmについて Gotanda.pmとは、五反田近郊で働いている人々や五反田に集結できる人々で開催する、Perlを軸とし好きな技術の話をするコミュニティです (イベントページより引用) 発表の背景 今年の4月に新卒としてモバイルファクトリーに入社し，約1ヶ月半の間 デザイン思

こんにちは。エンジニアの笹原です。 スマートキャンプではフロントエンドの開発にVue.jsを取り入れています。 Vue.jsで開発するうえで、 SFC（単一ファイルコンポーネント） を利用できることは良さの一つだと思います。 今回は、Sprocketsでアセット管理を行っているRailsプロジェクトに、Webpackを入れることでSFCを使えるようにする方法を紹介します。 SFC（単一ファイルコンポーネント）とは SFCの良さ SFCの実装方法 Sprocketsを利用しているRailsプロジェクトにSF

こんにちは。Webフロントエンドエンジニアの松井菜穂子です。 ZOZOテクノロジーズに入社して一年ほど経ちます。 あるサービスの立ち上げから運用まで、Webフロントエンドのチームリーダー・開発メンバーとして関わってきました。 当記事では、当社のWebフロントエンド開発現場にあった問題と、それぞれの課題に対して堅実に積み重ねた技術的な改善方法についてご紹介します。 はじめに モダンな技術でも負債は生まれる 負債を何故改善するのか 要因 その1: Vueコンポーネントを綺麗に分割する テンプレート コンポーネ

デザイナー兼エンジニアの葉栗です！ スマートキャンプでは以前からWebフロントエンド開発にVue.jsを取り入れています。 Vue.jsなどコンポーネント指向のフレームワークは、UIフレームワークも豊富で、お手軽にリッチなUIが構築できるのでいいですよね。 今回は私のお気に入りの、 Vue.js + Elelment UI + Lottie というライブラリを使って、数十分でできる簡易的なログインページを作ってみようと思います。 0から構築をはじめて、レイアウト設計、ElementUIで実装、Lottie

こんにちは。ブロックチェーンチームでエンジニアをしている id:odan3240 です。 4月4日に行われた Meguro.es #20 で「JavaScript + Dockerの知見」というタイトルで登壇してきました。今回の記事はその発表の紹介です。 発表の背景 モバイルファクトリーに入社してからの約1年間でいくつかのサービスに関わってきました。 サービスサイト: https://uniqys.net ブロックチェーンアプリ検索サイト: https://findapps.me ブロックチェーンアプリ開

こんにちは。delyでフロントエンドを担当している @all__user です。 今回はkurashiruでSSR（Server Side Rendering）を導入した事例についてご紹介したいと思います。 目次 目次 要約 経緯・背景 SSRの導入 SPAのSEO対策 SSRのコスト Rendertronの採用は見送り kurashiruのSSR構成 ルートメタフィールドを利用したデータ取得の仕組み 消極的SSRから積極的SSRへ まとめ 要約 SPAにしたい。SEOのことを考えるとSSRはしておきたい

RAKUS Meetup のロゴ @moomooya こと 勉強会最速オジサン を目指している鈴木です。 先日弊社にて RAKUS Meetup Tokyo #2 フロントエンドNight と称したイベントを開催しましたので、そちらのイベントレポートを投稿します。 いつもはイベント閉幕後3秒以内にレポートを公開しているのですが、今回は1,688,400秒ほど経過してしまいましたorz 当日の様子 発表の紹介 Vue.js の新規プロダクトで楽して UI を提供しようと思ったらそこまで楽じゃなかった話 話の