HTMLをCSSにあわせるな！クラス無しCSSフレームワーク tacit
開発チームの下田です。 HTMLで簡単な画面を作るとき、困りますよねデザイン。 HTMLもJSも書けて、そのうえデザインしながらCSSも書けます！という超人なら良いんですが、私はそうではないのでCSSフレームワークを利用しています。 (さらに…)
JSでmarkdownからカスタマイズしたHTMLを生成する
普段仕事をしていて、「めんどくさい」と思ったことはありませんか？ そんなときこそプログラミングの出番です。 「めんどくさい」＝単純作業であることが多く、簡単なコードを書くとサクッと解決できる可能性が高いです。 私はたった今、このブログの執筆がめんどうくさいです。 どのように面倒くさいかというと少々古めのCGMを使っているため、次のような問題が起きています。 問題点 まと
2018.5.16
フロントエンドのパフォーマンスを徹底解説！ブラウザの気持ちで理解するHTML/Javascript/CSSの話
今回はウェブシステムにおけるフロントエンドのパフォーマンスの話です。 皆様はウェブのパフォーマンスを気にしていますか？ おそらく大抵の方はSQLのチューニングやロジックの改良などをした経験があるのではないでしょうか？ しかしプログラムをチューニングしても、期待ほどはページ表示速度が改善しなかったことはありませんか？ 昨今のウェブサイトは大量のCSS/Javascriptファイルで構成されている
第９回LT大会
先日第9回技術部LT大会を開催しました。今年度から１回の拘束時間を短くするために年３回の開催となっており、今回はその３回目となります。前回はライフハック系の「作った」トークが隆盛を極めましたが、果たして今回はどんなものが飛び出すでしょうか？ (さらに…)
テックリード＆スモールチーム体制の導入で開発効率が凄く上がった話
皆さんは”テックリード”という言葉を耳にしたことがありますか？主にアメリカのIT企業などで広まっている役割名なのですが、最近日本でもその名前が使われる会社が増えてきているようです。 テックリードの明確な定義がある訳ではありませんが、一般的に下記の様な役割を担っています。 開発チームの生産性を最大化させる 採用した技術や設計に責任を持つ 品質面で責任を持つ・コードレビュー
Vue.jsで作るSPAデータ更新フォーム
開発チームの井川です。 今度とある案件にて、項目数がとても多いデータ更新画面を作ることになりました。 まだ未定ですが200項目くらいはあるかもしれません。 弊社のサービスの管理画面として社内で利用される予定です。 管理画面なのでデザイナーによるデザイン制作はなく、エンジニアがUIを担当します。 そこで、ユーザにとって使い勝手がよく、開発としても余計な画面遷移がなく、繰り返しのコードが少なくな
2018.2.14
新卒総合職へのIT研修
今回は新卒総合職に対してのIT研修の取組みを紹介します。 ラクーンは２０１８年１月現在で約１２０名程の従業員が在籍していますが、うち３０名強が技術戦略部、１５名程がデザイン戦略部で、残る従業員は営業やカスタマーサポートといったいわゆる総合職に就いています。自社WEBサービスを事業の基盤としている企業ですから、当然そういった総合職のメンバーもシステムに何かしかの形で携わることになりますが、全員が
DockerでJenkins2を試してみる(2)
前回の記事では、 CIサーバにDockerをインストールする CIサーバにDocker Composeをインストールする Jenkins2のDockerコンテナを起動する を行い、DockerでJenkins2を起動するところまで解説しました。 今回は、 Jenkinsの環境設定をする Jenkinsfileを書く Jenkinsのジョブを設定する ジョブを実行する という作業で
2017.12.20
DockerでJenkins2を試してみる(1)
開発していると、開発中のものを自分以外の人に触って確認してもらいたいときがあります。その場合に、ソースをビルドして確認用のサーバにデプロイするのを毎回手動でやるのは面倒なので自動化しようと思いました。今回、DockerとJenkins2を使って自動化をしてみたので、サンプルも交えて紹介していきたいと思います。 記事が長くなるので全２回に記事を分けていきます。各記事の目次は下記のとおりです。
2017.12.14
WindowsのVagrantでUbuntu環境を構築する
プログラムの開発環境として、Linuxの仮想マシンをローカルPC内に構築することがあります。 仮想化ソフトウエアとしてVirtualBoxが、そのVirtualBoxを使いやすくするツールとしてVagrantがよく使用されています。 これから、WindowsにおけるVagrantの基本的な使い方を紹介します。 (さらに…)
第８回LT大会 開催
先日第8回技術部LT大会を開催しました。 今年２回目の開催です。今回はどんなトークが飛び出すでしょうか？ (さらに…)
Chrome操作ライブラリ chromy と puppeteer を比較
Chromeにheadlessモードが追加されてから、Chromeを操作できるライブラリが色々出てきています。 その中でも、ぱっと見で書きやすそうだった2つのライブラリを、 簡単なブラウザテストを例にとって比較してみようと思います。 chromy https://github.com/OnetapInc/chromy 結構早い時期から公開されていて、Headless Chrome操作のパイオニア