中安拓也のブログ

プログラミングについて書くブログ

プログラミング

【Angular】サロゲートペア(絵文字など)でもカウントできるValidator/Directiveの作成

はじめに サロゲートペアについて 環境 絵文字を正確にカウントできるライブラリ Validatorの作成 Directiveの作成 参考サイト はじめに 絵文字を使ってもバグらずに動くValidatorとDirectiveを作成します。 サロゲートペアについて サロゲートペアとは、2つ…

【JavaScript】window.open()で開かれるウィンドウがタブではなく新規ウィンドウで開かれるようにしたい(IE11)

はじめに 環境 調査 調査結果 ブラウザ設定方法 はじめに アプリでリンク先の画像を開くとタブで開かれてしまうから、プログラム(JavaScript)で制御して常に新しいウィンドウで開かれるようにしてほしいとの依頼があったので、やり方を調べた なお、リンク先…

Angular公式ドキュメント(翻訳されている部分は)全部読む

はじめに バージョン 学習メモ ライフサイクル パイプ フォーム HTTPClient Service WorkerとPWA バージョニング チートシート あとがき はじめに 日本語翻訳していただいた全ての人々に感謝....... angular.jp バージョン v.7.2.0時点のドキュメント 学習メ…

アカウント登録メールの実装をしています

アカウント登録メールの例 はじめに Webサービスで会員登録の情報を入力した後に、メールアドレス確認のメールが飛んでくるサービスよくありますよね。 あれの実装をいま仕事でしています。よくある機能だと思うので、実装方針を備忘録として記録しました。 …

Ionicで画像の設定

画像を設定する前のアプリ画面 はじめに Ionicで画像を設定する方法について バージョン情報 Ionic: 3.9.2 Angular: 5.0.3 node: 8.1.4 macOS High Sierra 画像設定方法 設定したい画像(例では、isometropolis.jpg)をsrc/assets/imgs配下に置く。 CSS(SCSS…

angular2-google-mapsでリバースジオコーディング

イントロ 前回の記事で作成した、angular2-google-mapsのデモアプリに、リバースジオコーディングのデモを追加した。 開発環境 Angular@2.4.1 angular2-google-maps@0.17.0 typescript@2.0.10 リバースジオコーディングとは 本ブログでは、緯度、経度から住…

NOTエンジニアPC(Windows7)にIonic2を入れる

開発に使っていないPCにIonic2を入れようとしたら、時間がかかったので、つまづいた部分をメモ。 開発環境 OS: Windows7 64bit Ionic version: 2.0.0-beta.11 Ionic CLI version: 2.0.0 Ionic2環境構築手順 Node.jsのインストール Gulp、Typingsのインストー…

画像を使ったボタンをTint Colorで塗りつぶす

画像を使ったボタンを他のUIコンポーネントと同じくTint Colorで塗りつぶす。 下記画像のボタンをTint Color(画像では青)に塗りつぶしたい。 以下解決策。 ButtonのTypeをCustom→Systemに切り替える Tintを好きな色に設定 以上。

Segmented Controlの選択状態を解除する

表題の件で困ったのでメモ。 Segmented Controlは、状態の切り替えに使われるボタンであり、現在どの状態なのかも選択されているセグメントの色を変更することで教えてくれます(下記の画像だと、「赤」が選択されている)。 ただ、カレンダーの移動でSegmente…

UICollectionViewセルのイベントを無効にする

表題のしょーもない問題に時間をかけてしまったのでメモ。 開発環境 Xcode: 7.3 Swift: 2.2 OS X EI Capitan(10.11.4) 前回記事の家計簿アプリで曜日と前月/次月の日付も選択できてしまう問題があったため解決策を調べていたんですが、TableViewのCellを選択…

Swift2で家計簿アプリを作った(2)

前回記事の続き。 開発環境 Xcode 7.3 Swift 2.2 OS X EI Captain(10.11.4) 前回作成した家計簿アプリに下記2点の機能を追加した。 月別支出額のグラフ 支出が発生した日時が登録できるようにカレンダーを表示 スクリーンショットはこんな感じ 月別グラフの…

Swift2で家計簿アプリを作った

家計簿アプリを作成したのでメモ。 開発環境 Xcode: 7.3 Swift: 2.2 OS X EI Capitan(10.11.4) アプリのスクリーンショットはこんな感じ。 初期画面では、今月に入ってから使用した金額の合計が表示されている。 買い物の金額をテキストボックスに入力して、…

Swift2を使って目覚まし時計アプリを作った

目覚まし時計アプリを作成したのでメモ。 開発環境 Xcode: 7.2 Swift: 2.1 OS X Yosemite(10.10.5) 参照したサイト walkingmask.hatenablog.com techmeganeyamada.hatenadiary.com アプリのスクリーンショットはこんな感じ アプリの機能 設定した時間になる…