日高聖子

日高聖子

  • hacomonoマガジン

    • 21本

    スタジオ・ヨガのための予約・会員管理・決済システム「hacomono」が運営するマガジンです。フィットネス x テクノロジー。B2B。クラウドサービス。スタートアップ。 https://www.hacomono.jp/

社員数5名から200名へ…ベンチャー企業で10年過ごしてみた

2013年12月1日に株式会社まちいろ（現hacomono）に入社しました。 さっちゃん or さとこさん と会社では呼ばれています。 早いもので本日（2023年12月1日）でまるっと10年が経ってこれを期に自分史を振り返ってみます。 10年分なのでちょっと長いかもしれないですが読んでいただけると嬉しいです。 入社のきっかけ前職で基幹システムを担当していたのがまちいろ（現hacomono）だったことがきっかけです。 なかなかハードな環境で根を上げていたところに社長から声をか

日高聖子

    • Vue.jsフレームワーク AT UIを使ってみた

      こんにちは。まちいろの日高です。 Vue.jsやNuxt.jsでフロントサイドをガシガシ作っています。 フロントエンドエンジニア（仮）から（見習い）くらいにはレベルアップした感あります。 今回は、Vue.jsのフレームワーク AT UI を使ってお勉強してみました。 なぜAT UI？element-uiがフレームワーク界ではメジャーなようです。 確かに日本語のドキュメントもめっちゃ多いですね。 AT UIは2017年6月にリリースされて比較的新しく、その分色使いやデザイン

      日高聖子

      • Contact Form 7でパラメータをフィールド初期値に入れ込む

        あけましておめでとうございます！ 年末年始、テレビばっかり見ていたので、初出社後どうも感覚が戻ってません。いつか箱根駅伝の大手町ゴールを見に行きたい… 株式会社まちいろのフロントエンドエンジニア（仮）の日高です。 またしてもWordpressのContact Form 7 ネタです。 今回は、パラメータとして渡ってきた値をフィールド（テキストフィールド）の初期値に入れ込むお話です。 ちなみに前回はこちら。日付フィールドのお話を書きました。 どういうこと？例えば、/con

        日高聖子

        • AndroidのデバッグをPCでやってみた話

          こんにちは。まちいろの日高です。 Web制作で私が一番苦手なこと。それはデバッグ。 なおかつ複数ブラウザ・端末となると、無の境地です。 JSエラーをデバッグするのに、PCだとChromeのDevToolsを使えば楽なのですが、実機でのテストだとなかなか確認できず困りました。 今回は、WebサイトをAndroidで見たときだけJSが動かない！という時の対応について描いてみようと思います。 Android側の設定まずは検証したい端末でUSBデバッグをONにします。 ・An

          日高聖子

        社員数5名から200名へ…ベンチャー企業で10年過ごしてみた

        日高聖子

        マガジン

        • hacomonoマガジン
          21本

        記事

          ContactForm7×Safariで日付が入力できなくなってめっちゃ困った話

          こんにちは！株式会社まちいろのフロントエンドエンジニア（仮）の日高です。 今回は、最新技術ではなくWordpressで困ったこととその解決法についてまとめてみました。 Wordpressまだまだ人気なの？HTMLとCSSもほぼ知らない状態の新人日高が一番最初に担当したのがWordpress案件です。5年前？ 今思えば、ライオンが子供崖から落とすより鬼畜ってる。 ほぼ独学でHTMLとCSSとWordpressとPHPとJavascriptを同時に学びつつ開発しました。 その

          日高聖子

          ContactForm7×Safariで日付が入力できなくなってめっちゃ困った話

          日高聖子

          プラグイン・JQuery不使用！ Nuxt.jsでイメージスライダーを自作してみた

          こんにちは。株式会社まちいろのフロントエンドエンジニア（仮）の日高です。 最近、案件でNuxt.js、Vue.jsを扱うことが増えてきました。 Nuxt.jsでたまに困るのが、プラグインJSがうまく動かないパターンです。相性なのかうまく動かないパターンが何回かありました。 また、コードはJavaScriptで記載しているので、JQueryが混在することに違和感を感じることも… そこで、どうにかNuxt.jsとCSSを駆使してイメージスライダーができないかな？と試してみまし

          日高聖子

          プラグイン・JQuery不使用！ Nuxt.jsでイメージスライダーを自作してみた

          日高聖子

          AR.jsで犬と遊んでみた！

          AR.jsとは？AR（拡張現実、Agumented Reality）を利用した有名なサービスがポケモンGO！スマホのカメラで撮影した映像に画像やテキストなどを表示することができるので、リアル×バーチャルの不思議体験をすることができます。 ARはスマホアプリでしか使えない…と思っていたアプリ開発出来ない私。 その悲しさを解決するのがAR.jsです！ AR.jsはアプリインストール不要。スマホのカメラとブラウザでARを楽しむことが出来ます。 サンプルを動かしてみるまずは、サ

          日高聖子

          AR.jsで犬と遊んでみた！

          日高聖子

          オトモ（愛犬）が選べるカワイイWebサービス -marchily-

          こんにちは。株式会社まちいろのなんちゃってエンジニア日高です。 8月22日にめでたく弊社よりチームコミュニケーションサービス「marchily（マーチリー）」がリリースされました。 SNSでも主に「かわいい」とご好評いただいて、現在100アカウント以上にトライアル利用いただいています。ありがとうございます！！ 社内でもβ版からミッション管理と日報で使っています。 Webサイトだけでなく、実際のサービスもいちいちかわいい！笑 何より、社内の何気ない会話が増えたように思います

          日高聖子

          オトモ（愛犬）が選べるカワイイWebサービス -marchily-

          日高聖子

          three.jsの基礎中の基礎を学んでみました

          ふわふわ知識の私がthree.jsの調査を！とのことで、分からないなりに学んでみたことをまとめます。 そもそもthree.jsって？javascriptで3DCGを動かすことができる代物です。 WebGL（Web Graphics Library）の一つで、互換性のあるWebブラウザでグラフィックスをレンダリングするためのもの… とのこと。なにはともあれ触ってみましょう。 three.jsのサンプルthree.jsのページには素敵なサンプルが並んでいます。 https:/

          日高聖子

          three.jsの基礎中の基礎を学んでみました

          日高聖子