Sakae

個人的なごった煮ノート。開発と温泉。 スマホゲームの会社でディレクター兼MEとして働き…

Sakae

個人的なごった煮ノート。開発と温泉。 スマホゲームの会社でディレクター兼MEとして働き、現在は自社でCX改善提案+デザインと開発。 ROOM: https://room.rakuten.co.jp/sketymr/items

お仕事について

（2019年、ありがたいことにご紹介でのみお仕事をいただいてきたのですが、最近「流石にアウトプットしてなさすぎだな〜」と思ったのでnoteにまとめました。） YUENについて株式会社YUENはWebサービスの企画からフロント開発までをまるっと手がける(ディレクション+コンサルティング+デザイン+マークアップ)1人株式会社です。ノウハウが足りない部分などでは、何人かの頼れるパートナーさんにご助力いただいております。 新規事業の場合は「企画の壁打ち、ブラッシュアップ」、 既存

Sakae

    • 【キャッシュレスカレンダーあります】結局決済サービスって何使えばいいの？【2019年10月版】

      twitterに呟いたもののまとめと補足です。 「キャッシュレスキャンペーンGoogleカレンダー」をこの記事の下部で公開しています。「いくらまでの支払いが還元上限か」を記載しているので、自分の利用額と照らし合わせると漏れなく還元GETできると思います。 ご自身のカレンダーに追加して、いつもの予定と良ければ一緒に見てみてください。 前提どうしてこんなまとめとカレンダーを作ったかというと、 "還元上限"というものが存在していて「これさえ使えばOKなサービス」がなかったから

      Sakae

      • フリーランスに捧ぐ500円体バランス測定のススメ

        フリーランスの皆さん、体大事にしてますか？ 健康診断すら義務でないフリーランス。高い・めんどくさい等の理由でおサボりしている人、多いのではないでしょうか。 今年からは体のメンテを頑張っていきたい！ということで、ワンコインで受けられる体バランス測定に行ってきて、すごく良かったのでシェアします。 体の部位ごとの筋肉と体脂肪のバランス、基礎代謝などなどが分かる体組成測定、 自分の血管の動きを顕微鏡みたいなもので見て様子を解説してくれる血管観察(血は抜かない)、 骨密度測定と盛

        Sakae

        • クソリプの考察

          こちらにお引っ越ししました。

          Sakae

        お仕事について

        Sakae

        • 【キャッシュレスカレンダーあります】結局決済サービスって何使えばいいの？【2019年10月版】

          Sakae

        • フリーランスに捧ぐ500円体バランス測定のススメ

          Sakae

        • クソリプの考察

          Sakae

          【OnsenUI】ons-splitter/navigator/tabbarを組み合わせて"アプリっぽく"画面切り替えする:開発作業ログ

          OnsenUIを利用して自前のwebサイトをSPAにしよう！企画のアレです。 これの続き↓ 組み合わせて使用する記事が少ないのなんのって！一応公式にサンプルがあるのだけど他の要素も色々入っていて結構ボリュームあって、シンプルに理解するには時間がかかった・・・ということで書きました。 これを読んだらきっと分かるはず（分かってほしい） 簡単だよ！ 今回はサンプルとして、タブ2つとタブの画面それぞれから詳細画面に移動できる＆戻れるものを作ります。簡単な一覧と詳細のイメージ

          Sakae

          【OnsenUI】ons-splitter/navigator/tabbarを組み合わせて"アプリっぽく"画面切り替えする:開発作業ログ

          Sakae

          vue-cli3(webpack4)で出たエラーとやったこと

          こちらにお引っ越ししました。

          Sakae

          vue-cli3(webpack4)で出たエラーとやったこと

          Sakae

          vueのインストール絶対完了させるメモ

          こちらにお引っ越ししました。

          Sakae

          vueのインストール絶対完了させるメモ

          Sakae

          RailsのフロントをOnsenUIでWebComponent化、ネイティブアプリっぽくサクサク動かす:開発作業ログ

          以下の状況・条件でやってみました。とっても悩んだ。 ・メインはmobile ・slim/scssでのデザインはもうできててRailsアプリに乗せた ・非フロントエンジニア ・タブ切り替えとか画面遷移をアプリっぽくぬるぬる動かしたい ・単一ファイルコンポーネントにはしない ・vue、react使わない ・jQueryもできるだけ使いたくない ・今webアプリだけどもしかしたら今後ネイティブアプリも出すかも monacaユーザーにはお馴染みOnsenUI、コンポーネント系ちょ

          Sakae

          RailsのフロントをOnsenUIでWebComponent化、ネイティブアプリっぽくサクサク動かす:開発作業ログ

          Sakae

          初心者がRails環境構築からslimを使えるようにするまでの手順おぼえがき④:開発作業ログ

          前回の続きです↓ 目標 rails環境を作る　 →erbじゃなくてslimが使えるようにする →ディレクトリ構造の確認 →何か書いて動かしてみる　←ここをやります 前回までで、環境構築はできたので、実作業に入ります。 （デザイナーが）Rails触る時に最初に思うところ。 「別途で作成した静的ファイルをRailsに乗せて確認したい」長いので別でログつけました↓ これから書き始めるのでサンプルでOK〜！という場合は↓ おまけRailsに大好きなVue.jsをテスト導入

          Sakae

          初心者がRails環境構築からslimを使えるようにするまでの手順おぼえがき④:開発作業ログ

          Sakae

          既存のRailsアプリにVue.jsをサクッと導入してみる:開発作業ログ

          既存のRailsアプリ（slim利用）にVue.jsをテスト導入してみる覚え書き。 ↓の派生です。 準備Gemfileに # Use webpackgem 'webpacker', github: 'rails/webpacker' を追加して、terminalで bundle install bin/rails webpacker:install bin/webpack の順に入力。 bin/webpackで /app/javascripts の中に /p

          Sakae

          既存のRailsアプリにVue.jsをサクッと導入してみる:開発作業ログ

          Sakae

          別途で作成したslimをRailsアプリに乗せて見る:開発作業ログ

          ・デザイナーがgulp利用等別のローカル環境で書いた静的ファイルをrailsに乗せて確認したい時 用の覚え書き。 このシリーズの派生記事です↓ まずはslimディレクトリ構成こんな感じとします。 / pages / common / layouts / parts / views に既存のslimファイルを突っ込むapp/viewsに上記のslimディレクトリ、ファイルを突っ込みます。 「index.slim」のまま変更しなくても、「index.html.slim」

          Sakae

          別途で作成したslimをRailsアプリに乗せて見る:開発作業ログ

          Sakae

          初心者がRails環境構築からslimを使えるようにするまでの手順おぼえがき③:開発作業ログ

          前回↓の続きです。 目標rails環境を作る →erbじゃなくてslimが使えるようにする →ディレクトリ構造の確認　←ここをやります →何か書いて動かしてみる Railsアプリ内、「何がどこにあるのかね？」問題と謎の用語のメモです。 謎の3用語「Railsアプリケーションは、MVCアーキテクチャに基づいて作られています」のMVCとは、以下3語の略らしい。 Model DBの決まりごとを書く View htmlの部分 Controller 指示出し係。Modelと

          Sakae

          初心者がRails環境構築からslimを使えるようにするまでの手順おぼえがき③:開発作業ログ

          Sakae

          初心者がRails環境構築からslimを使えるようにするまでの手順おぼえがき②:開発作業ログ

          前回↓の続きです。 目標 rails環境を作る　 →erbじゃなくてslimが使えるようにする　←ここをやります →ディレクトリ構造の確認 →何か書いて動かしてみる erbじゃなくてslimが使えるようにするGemfileに追記 こんな感じでよしなな場所に記載。slim-railsを使うよ〜の意。 私はsass-railsの上に。なんとなく。 # Use Slim // コメントは入れたければgem 'slim-rails' // これを追加する インストール 足

          Sakae

          初心者がRails環境構築からslimを使えるようにするまでの手順おぼえがき②:開発作業ログ

          Sakae

          初心者がRails環境構築からslimを使えるようにするまでの手順おぼえがき①:開発作業ログ

          自分がメインで使う言語はいわゆるデザインコーディングと呼ばれるところのものです。 参考までに書くと、html:slim/css:sass/デザイン系のjs少々。vueコンポーネントOK。 そのあたりを新規で書くなら、(htmlなら)gulpを使って scss→css変換、slim→html変換、ファイル圧縮、ローカル環境立てるまでをやってます。 が、自分で環境構築して組み込み済みのファイルを触ったりとかバックエンドのエンジニアさんとお話することもどんどん増え、 「環境構

          Sakae

          初心者がRails環境構築からslimを使えるようにするまでの手順おぼえがき①:開発作業ログ

          Sakae

          パックにも入浴剤にもなるCLAYD

          「温泉を超えた入浴剤」というキャッチコピーで前から気になっていたCLAYD。 その名の通り「泥」なんですが、詳しい説明は公式サイトから引用。 アメリカ西海岸のパワースポットといわれる砂漠の地下から採れる厳選された高品質なクレイです。 古代に降り積もった火山灰が数万年の間、深い地中で化学変化してできた、にナチュラルでピュアなものです。(モンモリロナイト100％) 本国アメリカでは、高級ホテルのスパや、トップアスリートのケア、自然療法施設等で使用されています。 普通のク

          Sakae

          パックにも入浴剤にもなるCLAYD

          Sakae

          【ネットでも買える】道後温泉の美容系お土産がすごい

          温泉に行った時は必ず湯の花と(あれば)温泉化粧水を買うので パッケージがお洒落とか、目立つとか、そういう理由ではなく「いつものこと」として購入したのです。 が！帰ってびっくり、これはいいぞ。 リピートしたくなって検索したら出てきてくれた2つを挙げます。 マドンナミスト(化粧水) 道後温泉100%の化粧水。びっくりしたのがミストの細かさ！持ち運びにも便利です。お肌に優しく、さっぱり潤います。1200円くらい。 道後温泉おすすめグッズ通販　商品詳細ページ 愛松物産 /

          Sakae

          【ネットでも買える】道後温泉の美容系お土産がすごい

          Sakae