株式会社HITOSUKE

Technology×FC(FCとITで人の生活を支える)を企業理念に、 圧倒的な効率性をもとに、ビジネスを加速させ、人の暮らしを変える「フランチャイズ」 という優れたビジネスモデルを、 ITで飛躍させる事をミッションとした企業です。 今後、様々なサービスを展開していきます!

株式会社HITOSUKE

Technology×FC(FCとITで人の生活を支える)を企業理念に、 圧倒的な効率性をもとに、ビジネスを加速させ、人の暮らしを変える「フランチャイズ」 という優れたビジネスモデルを、 ITで飛躍させる事をミッションとした企業です。 今後、様々なサービスを展開していきます!

    最近の記事

    HITOSUKEに入社して一年が経ちました【システムエンジニア】

    こんにちは。 株式会社HITOSUKEのシステム開発Unitでシステム開発を担当しているTです。 今回は株式会社HITOSUKEに入社して一年が経ったので、HITOSUKEでの働き方の変化や私生活などについても赤裸々に綴ろうと思います。 ぜひこの記事を読んでいただいて、HITOSUKEに興味を持っていただけたら幸いです。 働き方についてまず初めに働き方についてです。 過去の記事でも紹介したのですが、私はSUPのレースで入賞できるよう日々練習しています。 入社して半年の頃に下

      • 【TypeScript】引数を任意で設定できる関数の作り方

        こんにちは。 株式会社HITOSUKEのシステム開発Unitでシステム開発を担当しているTです。 今回はTypeScriptで引数を取るか取らないかを任意で設定できる関数の作り方を紹介します。 この記事で紹介する内容はすでに中長期的にシステムを運用していて、ほかの機能への影響を最小限にすることが最大の利点だと考えています。 実装さっそくcodepenで実装とその結果をご覧ください。 今回の実装は、動作を分かりやすく理解してもらうためにシンプルな構造で作っています。 検索

        • 【HTML】セレクトボックスで複数の選択肢を初期表示時に表示する方法

          こんにちは。 株式会社HITOSUKEのシステム開発Unitでシステム開発を担当しているTです。 今回はセレクトボックスで複数の選択肢を初期表示時に表示する方法をお伝えします。 この記事を読むことで、下記の添付gifのような実装をすることができます。 実装さっそくcodepenで実装とその結果をご覧ください。 今回の実装で重要になるのが、HTMLファイル2行目の記述です。 <select size="4"> selectタグのsizeオプションを使うことで、初期表示時

          • 技術ブログのすゝめ【ITエンジニア向け】

            こんにちは。 株式会社HITOSUKEのシステム開発Unitですステム開発を担当しているTです。 今回は技術ブログを続けて約半年が経過したので、投稿し続けて良かったことやメリットなどを共有します。 機能の再確認ができる私が技術ブログを書いて良かったと思うのは、普段使っている機能の再確認ができることです。 ライブラリ関数やメソッドなど、普段問題なく使っている機能も実際に詳細まで確認すると、知らなかったオプションの設定や、新たな処理を実装するときに役に立つことが多々ありました

            フランチャイズに特化したサービス開発の魅力

            こんにちは。 株式会社HITOSUKEのシステム開発Unitでシステム開発を担当しているTです。 今回はフランチャイズに特化したサービスの開発について大変なことややりがいをお話していきたいと思います。 世の中には様々なサービスがあり、中には類似したサービスもたくさんあります。 しかしHITOSUKEではフランチャイズに特化したサービスの開発及び展開をしています。 HITOSUKEが開発しているサービスのイメージがつきにくかったり、そもそもフランチャイズとは何かを存じ上げない

            【RPA】可能性が広がるノンプログラミング言語

            RPAとは、Robotic Process Automationの頭文字をとった略語。 Excelのマクロよりもかゆいところに手が届く、システム開発よりも小規模で導入しやすい。と、大企業や中堅企業を中心にRPAの導入が進んでいます。 中小企業でも今後、ますますRPAの普及が進むことでしょう。 そんなRPAの中でも有名どころをご紹介します。 3大RPAツール WinActor WinActorは、日本生まれのRPA NTTグループで研究・利用を続け、技術とノウハウが詰ま

            【Angular】ngForで指定した要素の時に表示を変える

            こんにちは。 株式会社HITOSUKEでシステムエンジニアをしているTです。 今回はAngularのngForで使用できる特殊変数を使って指定した要素の時に表示を変える実装を行います。 実装最初と最後の要素の表示を変える まず初めに特殊変数「first」と「last」を使用して、最初と最後の要素が表示されたときに、背景の色を変えて表示できるようにします。 画像の通り、最初の要素の背景を赤に変更し、最後の要素の背景を青に変更しました。 実際のソースコードはこのようになって

            F-SUKEの新サービスである 【SalesAutomation】が完成しました 3

             F-SUKE SalesAutomation はフランチャイズ本部が新規加盟店を  募集・管理・契約獲得するまでのプロセスを管理する業務に特化した  MA型営業支援SFAのクラウドサービスになります。 現状は社内で本番テストを行い、問題なく活用出来るレベルまで機能をブラッシュアップさせて、F-SUKEの新シリーズとして市場にサービス展開を始します。 前回までは、F-SUKE SalesAutomationの概要と、なぜMA型SFA+CRMのSaaS型システムの導入が社内

            入社後半年たって仕事とスポーツとの両立はできているのか

            こんにちは。 株式会社HITOSUKEでシステムエンジニアをしているTです。 今回は入社して半年が経過した今でもスポーツと仕事の両立が実現できているか書き進めていきます。 過去記事について興味のある方はこちら(https://note.com/hitosuke/n/n768b80862670)から先にお読みください。 上記の記事で私の自己紹介もしていますが、簡単に私のことをお伝えするとHITOSUKEでシステムエンジニアとして働きながら、SUP(スタンド・アップ・パドルボー

            F-SUKEの新サービスである 【SalesAutomation】が完成しました2

            F-SUKEの新サービスである SalesAutomation が完成しました。  F-SUKE SalesAutomation はフランチャイズ本部が新規加盟店を  募集・管理・契約獲得するまでのプロセスを管理する業務に特化した  MA型営業支援SFAのクラウドサービスになります。 現状は社内で本番テストを行い、問題なく活用出来るレベルまで機能をブラッシュアップさせて、F-SUKEの新シリーズとして市場にサービス展開を始します。 前回は、F-SUKE SalesAut

            【JavaScript】消費税の計算をして表示する【数値の四捨五入・切り捨て・切り上げ】

            HITOSUKEのシステム開発Unitでシステム開発を担当しているTです。 今回は、JavaScriptで消費税の計算をして表示する実装する機会があったので、ソースコードを参考にしながら解説していきます。 はじめにこちらの記事では消費税を10%として取り扱います。 また今回の実装では小数点を用いた計算をするため、JavaScript特有の丸め誤差についても認識をしながら実装を進めましょう。 最終的な税込みの合計金額は整数で表示します。 小数点以下を四捨五入するか、切り捨て

            F-SUKEの新サービスである 【SalesAutomation】が完成しました

            F-SUKEの新サービスである SalesAutomation が完成しました。 現状は社内で本番テストを行い、問題なく活用出来るレベルまで機能をブラッシュアップさせて、F-SUKEの新シリーズとして市場にサービス展開を始します。 F-SUKEとは株式会社HITOSUKEが提供するITサービスの総称です。 現在、下記の通り2つのサービスがあります。 ・StoreOperation(店舗システム)  F-SUKE Store Operation は、フランチャイズ加盟店側

            【JavaScript】sortメソッドを使用したソート機能の実装

            HITOSUKEのシステム開発Unitでシステム開発を担当しているTです。 今回は、JavaScriptでソート機能の実装を行います。 一覧表示をする際に、データが増えるにつれて表示される順序の並び替えを行いたいユーザーは多くいると思います。 今回はJavaScriptのsortメソッドを使用してソート機能を実装していきましょう。 実装今回の記事では下記の機能・実装を解説していきます。 初期表示時はアルファベットが昇順(asc)に並んで表示されています。 画面上部のdes

            【Linux】よく使う長いコマンドをまとめてエイリアスとして設定する方法

            HITOSUKEのシステム開発Unitでシステム開発を担当しているTです。 今回は、よく使用する入力の長いコマンドをまとめて一つのエイリアスとして設定する方法を紹介します。 エイリアスとはエイリアスとは、別称・別名のような意味を持っていいます。 今回設定するエイリアスも同じような意味合いで使用されています。 分かりやすい例でいうとファイル操作で使用するWindowsのショートカットやLinuxのシンボリックリンクなどが似たような機能をしています。 該当のファイルに容易にアク

            AndroidのChromeで開発者ツールを使用してコンソールを確認する方法

            HITOSUKEのシステム開発Unitでシステム開発を担当しているTです。 今回は、AndroidのChromeで開発者ツールを使用してコンソールを確認する方法を紹介していきたいと思います。 Webアプリケーションの作成するときに、PC上で開発者ツールを使用することは多いと思います。 そんな便利な開発者ツールをAndroidでも使用することが可能で、とても便利だったのでやり方を共有したいと思います。 Androidの準備まず初めに、Androidで開発者ツールを使用するた

            【JavaScript】入力された文字列を空白で区切って配列に代入する方法【検索機能】

            HITOSUKEのシステム開発Unitでシステム開発を担当しているTです。 今回は、JavaScriptで文字と空白の文字列を空白で区切って配列に代入する方法を解説していきます。 複数検索条件を入力するときに、検索窓(input type="text")が複数あるとレイアウトの調整が難しかったり、ユーザビリティが格段に下がります。 ブラウザで検索するような空白で文字を区切って入力できることが最適ですね。 今回は様々な想定を考慮して実装していきますので、参考にしていただければ幸