記事一覧
【TypeScript】引数を任意で設定できる関数の作り方
こんにちは。
株式会社HITOSUKEのシステム開発Unitでシステム開発を担当しているTです。
今回はTypeScriptで引数を取るか取らないかを任意で設定できる関数の作り方を紹介します。
この記事で紹介する内容はすでに中長期的にシステムを運用していて、ほかの機能への影響を最小限にすることが最大の利点だと考えています。
実装さっそくcodepenで実装とその結果をご覧ください。
今回の実装
【Angular】ngForで指定した要素の時に表示を変える
こんにちは。
株式会社HITOSUKEでシステムエンジニアをしているTです。
今回はAngularのngForで使用できる特殊変数を使って指定した要素の時に表示を変える実装を行います。
実装最初と最後の要素の表示を変える
まず初めに特殊変数「first」と「last」を使用して、最初と最後の要素が表示されたときに、背景の色を変えて表示できるようにします。
画像の通り、最初の要素の背景を赤に変
F-SUKEの新サービスである 【SalesAutomation】が完成しました2
F-SUKEの新サービスである SalesAutomation が完成しました。
F-SUKE SalesAutomation はフランチャイズ本部が新規加盟店を
募集・管理・契約獲得するまでのプロセスを管理する業務に特化した
MA型営業支援SFAのクラウドサービスになります。
現状は社内で本番テストを行い、問題なく活用出来るレベルまで機能をブラッシュアップさせて、F-SUKEの新シリー
F-SUKEの新サービスである 【SalesAutomation】が完成しました
F-SUKEの新サービスである SalesAutomation が完成しました。
現状は社内で本番テストを行い、問題なく活用出来るレベルまで機能をブラッシュアップさせて、F-SUKEの新シリーズとして市場にサービス展開を始します。
F-SUKEとは株式会社HITOSUKEが提供するITサービスの総称です。
現在、下記の通り2つのサービスがあります。
・StoreOperation(店舗システム
【JavaScript】sortメソッドを使用したソート機能の実装
HITOSUKEのシステム開発Unitでシステム開発を担当しているTです。
今回は、JavaScriptでソート機能の実装を行います。
一覧表示をする際に、データが増えるにつれて表示される順序の並び替えを行いたいユーザーは多くいると思います。
今回はJavaScriptのsortメソッドを使用してソート機能を実装していきましょう。
実装今回の記事では下記の機能・実装を解説していきます。
初期表
AndroidのChromeで開発者ツールを使用してコンソールを確認する方法
HITOSUKEのシステム開発Unitでシステム開発を担当しているTです。
今回は、AndroidのChromeで開発者ツールを使用してコンソールを確認する方法を紹介していきたいと思います。
Webアプリケーションの作成するときに、PC上で開発者ツールを使用することは多いと思います。
そんな便利な開発者ツールをAndroidでも使用することが可能で、とても便利だったのでやり方を共有したいと思いま
【JavaScript】入力された文字列を空白で区切って配列に代入する方法【検索機能】
HITOSUKEのシステム開発Unitでシステム開発を担当しているTです。
今回は、JavaScriptで文字と空白の文字列を空白で区切って配列に代入する方法を解説していきます。
複数検索条件を入力するときに、検索窓(input type="text")が複数あるとレイアウトの調整が難しかったり、ユーザビリティが格段に下がります。
ブラウザで検索するような空白で文字を区切って入力できることが最適で
【Angular】関数の引数に型を複数指定する
HITOSUKEのシステム開発Unitでシステム開発を担当しているTです。
今回は、Angularのイベント時に実行される関数の引数に複数型を指定する実装の解説をします。
具体的には、一つの引数に対してstring型かnumber型のどちらかが渡される場合があるときの実装を行います。
具体例を見て、any型を指定すれば良いと考えた人は要注意です。
それでは実際の実装から見てみましょう。
実装下記
【エンジニア必見】一つのGmailアカウントから複数のメールアドレスを作成する
HITOSUKEのシステム開発Unitでシステム開発を担当しているTです。
今回は、一つのGmailアカウント・メールアドレスから複数のメールアドレスを作る方法を解説をしていきます。
システムを開発していく中で、様々な条件を付けたダミーアカウントの作成やメール送信のテストなど、多くの場面でメールアドレスを使用する場面があります。
そのたびにGmailやほかのドメインのメールアドレスを作成するのは手
【Angular】ngIfを使用して要素の表示・非表示ができるアコーディオンを実装する
HITOSUKEのシステム開発Unitでシステム開発を担当しているTです。
今回は、HTMLテンプレート上でngIfディレクティブを使って要素の表示・非表示ができるアコーディオンの実装の解説をしていきます。
Angularを使っていれば、とても簡単にアコーディオンを実装することができるので、ぜひ参考にしてください。
※どのような場面で活用できるかは記事の後半部分で解説します。
実装はじめに挙動を
【Angular】ngForを使用して配列を指定回数分表示する
HITOSUKEのシステム開発Unitでシステム開発を担当しているTです。
今回は、HTMLテンプレート上でngForディレクティブとスライスパイプを使って指定した回数分だけ配列の要素を表示する方法を解説します。
実装はじめに実際の実装を提示します。
下記の実装は、配列の最初から3つ目の要素までを表示する実装です。
app.component.ts
import { Component, O