妊娠をきっかけに仕事を辞める女性たちがいる。妊娠中の過重な働き方で、体調を崩したり、胎児が危険にさらされたりしたことが理由だ。子どもを産む手前で、仕事との両立を断念する女性たち。当事者に事情を聞いた。 「シフトを急に変えるのは難しい。亡くなった子どもを取り出す処置は、次の休みに受けて」 関東地方に住む20代の看護師は昨年春、上司の言葉に耳を疑った。勤務の間をぬって受けた妊婦健診で胎児の心音が止まっていると告げられ、慌てて職場に連絡した時のことだった。 職場の人員はぎりぎり。みな目が回るほどの忙しさだった。結局、女性はその後数日間、亡くなった子どもをおなかに残したまま、いつもと同じように出勤し、残業も夜勤もした。「心が壊れそうだった」 こうした職場の対応について、母子愛育会総合母子保健センター(東京)の中林正雄所長は「医学的には、妊娠初期であれば、すぐに処置しなくても、特に母体に問題はない。
RailsのViewをReactにする場合のお手軽な環境構築としては少し前ならreact-railsやreact_on_railsといったGemを使って統合していた。それもRail 5.1になってGem無しでもカンタンに環境構築が可能になった。もちろんGemを使えばそれらに付随する機能が使えて便利な面もあるが、「無しでもカンタンにできる」というのはありがたい。またRail標準としては「これからJavaScriptフォルダ配下のpackにReact関連コードを置きます」とかやられると、一応Rails標準というものを知っておいた方がよさそう。 ということでRails 5.1のwebpack (gem無し)を使ってReact, Redux, Material-UIの環境構築を書いた。 $ ruby -v ruby 2.3.3 $ rails -v Rails 5.1.1 $ npm -v 4.0
こんにちは、エンジニアの小林です。 先日、スペースを貸し出すオーナー様向けのダッシュボード(管理画面)をリニューアルしました。 スペースマーケットはwebサーバもAPIサーバもRailsで構築しているのですが、JQueryをベースに構築していたリニューアル前の実装からReactをベースにした実装へ移行した際に得た知見を書きたいと思います。 サーバ構成 既存のサーバ構成では、webサイトはwebサーバから、アプリはAPIサーバからそれぞれデータベースを参照していました。 リニューアルに伴いwebサーバからもAPIサーバを参照する構成となります。 webサーバから別ドメインのAPIサーバにアクセスするためには CORSの設定 webサーバとAPIサーバはドメインが違うため、ReactのコードからAPIサーバにajaxリクエストが送れません。これを回避するためにCORS(Cross-Origin
// モジュール解決する基本的な部分が差し込まれる // ... // ... /******/ function __webpack_require__(moduleId) { /******/ // Check if module is in cache /******/ if(installedModules[moduleId]) { /******/ return installedModules[moduleId].exports; /******/ } /******/ } // ... // ... // それが終わると、自分が書いたモジュールが差し込まれる /******/ ([ /* 0 */ /***/ (function(module, exports) { module.exports = () => { console.log("This is Lib") } /
世界の皆様、こんにちは。naoya3eです。 今年の10月末にZEITからリリースされたNext.jsというフレームワークが面白そうだったので、ちょっと触ってみようかと思って調べたことや使い方のメモを残そうと思います。 Next.jsとは? ZEITさんがリリースしたServer Side RenderingするUniversalなWebアプリケーションのためのフレームワークだそうです。ZEITさんはHyperというターミナルエミュレータだったり、NowというPaaSだったりを開発されています。 NodeでのWebアプリケーションを開発するにあたって、今までは自分しか使わないアプリを作っていたためそれほど重要視していませんでしたが、Single Page Application(SPA)での初回ロードに時間がかかる問題は深刻です。これをSSR(Server Side Rendering)に
Web の世界の進歩とともに今までの Web の作り方とは異なるやり方で実装することが増えてきました。 今回から、React とともに使うことであとで調整する時に困りにくくなるやり方を連載で紹介します。 第1回. Storybook をつかう 第2回. Redux を Typescript から利用する 第3回. styled-components を使う 第3回目は悩ましい CSS の実装/設計から解放される styled-components についてです。 styled-components を使う React で Web アプリを作成する時に悩むことになるのが CSS の設計、実装です。 せっかく React でコンポーネントを作るのに普通の CSS を書いてはなんだかダサい・・・ sass のようなスタイルシート言語を使うのも良いですが、新しく言語を覚えるのも色々大変ですし、 R
2018年2月6日 なぜプロダクトに Vue.js を採用したのか? 運用してみてどうっだった? という話 余り知られていませんが Nagisa ではアプリだけでなく Web のプロダクトやサービスもあります。マンガZERO や UPTOON! や 月刊コミックジヘン 辺りがそうです。 何れも Vue.js で作られている SPA で、社内・外両方から “なんで Vue.js なの?” とかよく聞かれます。そこで、今回はどうして Vue.js を選択したのか、Vue.js の何がいいのか、Vue.js で運用してみてどうだったかの話をしたいと思います。 はじめに Vue.js を導入する前のマンガ ZERO Web は 2.0系の Riot で作られていました。今ある SPA のような形ではなくサーバサイド (Go) にてメタタグを生成、空のマウントポイント <div id="app"><
2. 自己紹介 • 名前: 成田 幸紀 (なるた ゆきのり) @ynaruc • 出身: 愛媛 • サイボウズ株式会社 3 年目 • 松山開発部 PG • 使っている言語 • TypeScript, JavaScript, C++, etc. 勉強会やハッカソンなどのイベントが好きで, 愛媛のイベントにたまに出没しています。
2. 前提となる適用先 • 管理画面的なWebアプリケーションのリニューアル …だったもの(仮) • REST APIを前提としたSingle Page Applicationもどき (※すべてが1ページではないけど) • 機能・画面が多い • 複雑化することがほぼ確実 3. Viewへの要求事項 • 統一されたスタイルでUIとなるHTMLを生成できる • なるべく簡単に書けること(含セキュリティリスク回避) (生DOM・jQueryはあり得ない) • 業界におけるパラダイムが過渡期のため、 巨大フレームワークに乗っかりたくは無い (交換可能な部品の組み合わせでプレーンに) • 困ってもなんとか出来るための緊急ハッチも必要
! This post is also available in the following languages. 英語, 韓国語 はじめに こんにちは、LINEマンガJavaScript担当の@sunderlsです。 これはLINE Advent Calendar 2017の22日目の記事です。今日は、webpackローダーのgrow-loaderを紹介します。 LINE Engineering Blogの記事「LINEマンガ:Page Stackを使ってサクサクなページ遷移を実現できました」でご紹介しましたが、LINEマンガはWeb技術で実装されています。 Webでネイティブアプリに近いユーザー体験を提供するため、いろいろ工夫しています。今回は、数ある工夫の中からコード分割の実装を紹介したいと思います。 なぜコードを分割するのか LINEマンガでは、JavaScriptのソースコードを
たまたまTwitter見てたら、今日考えていたことに近い議論が繰り広げられていたので、メモとしていろいろ貼ってみます。 SaaSに限らず、BtoBのマーケティングにおいては、リード獲得⇢リードナーチャリングを目的としたり、そのためにツールを導入しますが、そこは実際どうなのか?デジタルマーケティングって実際どうなの、と言った話です。 BtoBのSaaSにおいて、お問い合わせか資料請求かの話 まずは「お問い合わせ」への導線は確実にあるけど、「資料請求」もあったほうがいいよねという話。 サービスの性質、月額料金などによるけど、サービスを触る人と使うどうか判断を下す人が違う場合のサービスには資料請求は有用そう。 だって無料トライアルできるんだから資料請求なんて必要ないじゃん、直接触ったほうが早いやん、っていう頭しかなかった。無知って怖いですね。特にエンジニア主体の創業チームはこういったミス(自分の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く