タグ

ブックマーク / blog.recruit.co.jp (6)

  • React製のSPAのパフォーマンスチューニング実例

    オンプレミスvSphere環境をOracle Cloud VMware Solutionへ移行した際にハマったところ 2023.12.24 コーポレート

    React製のSPAのパフォーマンスチューニング実例
    nagayama
    nagayama 2018/09/19
  • プロダクトチーム ( エンジニア、デザイナー含む ) で保育士体験をしてきた話 | PSYENCE:MEDIA

    プロダクトチーム ( エンジニア、デザイナー含む ) で保育士体験をしてきた話 ku-suke 2017.06.21 259 30199300 こんにちは、プロダクトマネジメントチームの川畑( @ku_suke )です。 担当プロダクトのkidsly(キッズリー)に何人か新しいメンバーが入ってきたということもあり、顧客理解の一環としてチームメンバーで保育士体験をしてきました。今回はキッズリーを初期よりご利用いただいている園に協力いただき、0~5歳の元気いっぱいの子どもたちと1日を過ごしました。 キッズリーとは? kidsly(キッズリー)|保育園と保護者のコミュニケーションサービス 保育士と家族のコミュニケーションが深まれば、子育てはもっと豊かになる。そんな想いから、キッズリーは生まれました。 キッズリーは、保育にかかわる様々な業務を支援しながら、保育園と保護者のコミュニケーションを深める

    プロダクトチーム ( エンジニア、デザイナー含む ) で保育士体験をしてきた話 | PSYENCE:MEDIA
    nagayama
    nagayama 2017/06/22
    よいなーってみてたら、nobuokaくん!
  • Isomorphic JSで作られたWebサイトの脆弱性検査

    サイバーセキュリティエンジニアリング部の西村です。 Recruit Engineers Advent Calendar 2016の12月6日の記事を担当します。 先日、あるWebサイトの脆弱性検査を業務で担当しました。対象のサイトは、Node.js + React + Reduxを用いてIsomorphic JSを実現しており、検査でもこのアーキテクチャに特有の脆弱性が見つかりました。 この記事では、検査で発見した脆弱性をもとに、Isomorphic JSのWebサイトを構築する際に気をつけるべきポイントを紹介します。 Isomorphic JSとは Isomorphic JSは、近年、注目されているWebのパラダイムで、サーバとクライアントで同一のJSのソースコードを利用することが特徴です。これにより、サーバとクライアントの双方でHTMLを生成できるようになり、従来のSPAに見られたSE

    Isomorphic JSで作られたWebサイトの脆弱性検査
    nagayama
    nagayama 2016/12/06
  • WordPressをマジメにAMP(Accelerated Mobile Pages)対応させた話 #AMPlify | PSYENCE:MEDIA

    WordPressをマジメにAMP(Accelerated Mobile Pages)対応させた話 #AMPlify ku-suke 2016.10.06 474 6616395150 こんにちは、2016年中途入社のku-sukeです。現在はkidslyという保育園むけサービスのプロダクトオーナーを担当しています。今回は個人的にも注目しているAMP(Accelerated Mobile Pages)をこのテックブログに実装した話を書きたいと思います。特に、WordPressプラグインを入れるだけの簡易対応ではなく、フッターまわりやデザインの調整などをまじめに対応させたので、企業をはじめメディア運営をWordPressで運用されている方のお役に立てば幸いです。 事業サイドがAMPに乗っかるか考える事 - ku-sukeのブログ AMPとは? AMPとはAccelerated Mobile

    WordPressをマジメにAMP(Accelerated Mobile Pages)対応させた話 #AMPlify | PSYENCE:MEDIA
  • FlashAir を使ってデジタルカメラを『はいふりカメラ』にする | PSYENCE:MEDIA

    今回はデジタルカメラからでもはいふりカメラを楽しめるように、FlashAir と RaspberryPi、AS-289R2(プリンターシールド)を用いてはいふりカメラ&はいふりプリンタを開発します。 開発するシステム FlashAir の Lua 機能には、ファイルシステムにアクセスできるものがあります。これを使うと、デジタルカメラで写真を撮影した時に Lua を実行して、撮影した画像ファイルを操作することが可能です。 この機能を使い、FlashAir の中で撮影した画像にはいふり画像を合成すれば、デジタルカメラをはいふりカメラにすることが出来そうです。っと思いきや、実は FlashAir の RAM は非常に小さいため、FlashAir の Lua 機能で画像処理をすることは困難な事がわかりました。そこで、今回ははいふり化を行うためのサーバー(はいふりプリンタ)を用意し、FlashAir

    FlashAir を使ってデジタルカメラを『はいふりカメラ』にする | PSYENCE:MEDIA
    nagayama
    nagayama 2016/06/27
  • 【複数行にも対応】長過ぎる文字列を省略して末尾を三点リーダー(…)にする方法いろいろ | PSYENCE:MEDIA

    ランディングページといったコンテンツもレイアウトも全て決め打ちで成立するようなものはさておき、多くの Web サイトおよびアプリケーションは、いかなる分量のコンテンツであろうと柔軟に受け入れて表示出来るように設計・デザインされなくてはなりません。 しかし、全ての文字列を表示するには長過ぎてレイアウトが崩れてしまうといった場合には、何らかの方法で文字列を省略する必要があります。一昔であれば RubyPHPJava などサーバーサイドで文字列を切り捨てるなどの加工をしてからフロントエンドに返すという方法が常套手段として用いられていました。しかし、これでは昨今のワンソースによるレスポンシブデザインといったスクリーンサイズに応じて動的に表示領域が変わるようなデザインに対応しきる事が出来ません。PCサイズの表示領域に適した文字数を返したとしてもモバイルサイズの表示領域がそれと同じとは限りませ

    【複数行にも対応】長過ぎる文字列を省略して末尾を三点リーダー(…)にする方法いろいろ | PSYENCE:MEDIA
    nagayama
    nagayama 2016/01/20
  • 1