システム開発

システム開発者視点の開発者ブログ兼備忘録です
vue.js

Quasar Framework Version 1.0 リリースを心から祝福します

とっても素晴らしいニュースが舞い込んできました。Quasar Frameworkが大幅なアップデートを行ったのです。 Quasar Frameworkとは Quasar Frameworkは、Webアプリの開発における革命的なフレームワ...
vue.js

moment.format(x)を変換するだけのプログラムを作った

変換プログラムはこちらです タイムスタンプとしてUnix Timeを使うことがよくあります。 moment.jsでいうと、 moment().format("X") // たとえば 1538862421146 のようになる ...
firebase

DNSBLにブラックリスト入りして無事に戻ってくることができた話

MailgunでDNSBLってエラーが出た DNSBLなんて、聞きなれない言葉がMailGunの管理コンソールに表示され始めたのが事の発端でした。自社でサービスを展開しているNipoのメール発信システムとして、NipoはMailGunを利...
モバイルアプリ開発

AndroidアプリとiOSアプリ、どっちが多くインストールされたのか?

NipoのAndroid / iOSアプリの利用状況 弊社が作ったNipoというシステムには、Web版の他、Androidアプリ、iOSアプリがあります。 開発側としては3つも用意するのはちょっと大変なんですが、Cordovaなどの...
wordpress

WordPressにAlgoliaの全文検索を使ってみた

WordpressとAlgoliaの全文検索を体験しよう 全文検索って聞いたことありますか?そう、曖昧な表記ゆれとかも含めて検索してくれるあれです。せっかくなので、Wordpress + Algoliaの全文検索を体験してください。 ...
firebase

firestoreのセキュリティルールでグループチャットルームを考察

firestore本当に便利ですね。 いうなればフロントからクエリを書いて、データを入力したり、データを読み出したりできるので、旧来のようにデータをPOSTして、サーバ側でクエリを生成するような手間が無くて助かります。 ただし、フロ...
vue.js

pdfMakeのページサイズの指定はmmでは無い

pdfMakeはフロント側でPDFが簡単に作れるJavaScriptです。 クライアントのPCでPDFが作れるのでサーバいらず。 日本語フォントだけ別途用意する必要があるので少し面倒ですが、それ以外の操作は簡単です。 GitHub上で...
firebase

FirebaseのE-mail認証でアドレスが正しいことを確認する

Firebaseの認証機能を使えば、面倒なログイン回りの処理がほとんど省略できて幸せになれます。 ほとんどの処理がかなり簡単に使えるのですが、1つ、E-mailが正しいことを確認する処理が若干マニュアルではわかりにくいので備忘録として残し...
firebase

vue.js+firebaseで超簡単!ソーシャルログインを実装するまで

いまどき、アカウント作成にIDやパスワードを入力させるのは賢い選択とは言えないようです。 いやぁー便利ですよね。ソーシャルログイン。ボタン一つで会員登録&ログインが完了してしまうんですから。 ソーシャルログインは良いものだ F...
wordpress

wordpressのテーマ開発にVue.jsを使う

この記事は後編です。 前編ではsassを導入しました。 前編をご覧になってから読み進めることをおすすめします。 Vue.jsはjQueryよりも優秀だと思う フロントエンドのJavaScriptフレームワーク(ライブラリ)で代表...
wordpress

WordPressテーマ作成にSASSとGulpを使った環境構築

Wordpressのテーマは無料、有料含めて様々なテーマが用意されています。 デザインにこだわりが無ければ、公開されたテーマを利用することが最も手軽で良い方法なのですが、独自のテーマを作成する必要がある場合も多いでしょう。 今回ご依頼が...
Angular

Angular4 NgbModalを使ってモーダルウインドウを表示する

NgbModalを使う 最近はionicではなく、Angular4を使った開発を行っています。 Angular4を使って、モーダルウインドウを表示する方法と、モーダルウインドウと元のウインドウのデータ受け渡しについての方法を紹介...
システム開発

linuxのinkscapeで日本語フォントを使えるようにインストール

SVGをEPSへ変換する際、フォントが適用されない linux上のinkscapeはコマンドで実行できるため、システムに組み込んで画像コンバーターのような役割を果たすことができます。 しかし困ったことに、使用するフォントがLinux...
システム開発

canvasをSVG、EPSへベクトル情報を保持したまま変換するシステム

canvasで作った画像がそのまま印刷所へ投稿できるようになるまで イラストレーターを使って画像を作り、印刷所へ投稿することはありますが、今回それをWEB画面上だけで完結するWebサイトを作成しました。 canvas上に写真や文...
ionic2

ionic2 モーダルウィンドウのサイズを自由に変更する

こんにちわ。 最近Appleの審査基準が厳しくなったなぁと思う今日このごろです。あと審査が遅いのもいい加減にして欲しい。 さて、みなさん、ionic2やっていますか? 今日はionic2のModal windowサイズを変更する方...
ionic2

A scan is already in progress iOS版でQRコードが読み取れない

ZBARは使えないようです ionic2の公式ページには、ネイティブ機能の1つとしてQRコードスキャンが上げられています。 Zbarという機能ですが、何故かAndroidではうまくいくのに、iOS版では動きません。 Xcode...
ionic2

ionic2 画像フォルダの設定について

imgフォルダが無い? ionic2のプロジェクトをセットアップするのには、CLIから ionic start projectName --v2 と叩くだけです。簡単ですね。 プロジェクトに必要なデータを勝手にダウンロードし...
ionic2

ionic2 はじめました

※ 導入したばかりでよくわかってません。間違った情報があることも含みおきの上お読み下さい。 Angular JSが新しく、Angular 2 になって新登場です。 新登場といっても既に半年ほど経過していますが、ずっとどこかのタイ...
モバイルアプリ開発

apple storeの審査リジェクト「Android」の表記はNG

現在公開中のiOSアプリの1つ、「サロンカルテ」がアップデート時にリジェクトされました。 リジェクトの理由は We noticed that your app or its metadata includes irrelevan...
Angular JS

angular JS 1.6アップデートで$httpが動かなくなった件

Angular JS 1.6が2016年12月にリリースされたようです。 プロジェクトを Angular JS 1.5から Angular JS 1.6へアップデートしたところ、 次のようなエラーが・・・ TypeError...
システム開発

AWS Sdk for PHPでS3のバケットを作成する

ご無沙汰です。最近ブログをサボっていました。 さて、最近はAWSというサービスを使い始めました。便利ですが、難しいところもありますね。今回はPHPからS3にアクセスして、バケットを作成するまでの流れを書いてみます AWS SDK...
Angular JS

JavaScript(AngularJS)で次のフォームへ自動で移動させる

クレジットカードの番号入力だったり、郵便番号であったり、フォームに一定の桁数を入力すると、自動で隣のテキストボックスへ移動できたら入力の手間が省けて便利です。 しかしAngular JSは基本的にDOM操作を一切しないし、するべきではあり...
wordpress

ContactForm7に届く1日50通のスパムメール撃退

wordpressプラグインの1つ、ContactForm7 その名の通り、お問合せフォームに使われるコンタクトフォームプラグインです。簡単な設定で問合せフォームが設置できるので、使っている方も多いのでは? しかしこのContact F...
wordpress

Analyticsのイベントトラッキングは手軽に導入できるすごい機能だ

Googleが提供しているGoogle analyticsというサービスは大変便利ですが、機能が多すぎて「なんとなーく眺める」だけで満足していませんか? 実際あんなにボタンが沢山あると、何をしたらいいのかわからなくなります。しかし覚えてお...
システム開発

長時間パソコンをお使いの方、眼精疲労を軽減する3つの方法

仕事やプライベートでパソコンを見つめる時間はどんどん長くなっています。 私、管理人はパソコンでプログラミングをしたり、ホームページの更新をしたりするので、1日の内10時間は モニターを見つめています。すると・・・どうしても目の疲労が溜ま...
wordpress

301リダイレクトをwordpressのプラグインで簡単に実装

ホームページの引っ越しには色々な手間が掛かりますが、Wordpressの引っ越しで、プロトコルがhttpからhttpsへ切り替わった人向けに書いています。プロトコルが変わるだけですが、いくつかやっておくべき事があります。 httpsにしよ...
Angular JS

angular JSで画像をアップロードng-file-uploadの使い方と注意

ng-file-uploadを使って画像をサーバにUPしよう Angular JSを使って、画像データをサーバにUPするには、とりあえずng-file-uploadを使いましょう。ng-file-uploadの使い方と筆者が陥ったミスをご...
システム開発

angularJSでajaxZip3を使う際に気を付けるべき注意点

ajaxzip3は、郵便番号を入力するだけで自動で住所を表示してくれる機能です。google codeが終了し、githubでの運用に変わったので、古いコードは修正が必要です。 angularJS + ajaxZip3の注意事項 A...
Angular JS

angularjsは日本語が少ないとお嘆きの方への魔法の言葉

angular JSで開発をしていると、実際色々なトラブルが次から次へと湧いてでてくるものです。 angular JSに限ったことではないのかもしれませんが、とにかく思った通りに動いてくれない事が良く有ります。多分このページを見てくれてい...
システム開発

Nendの広告収入が大暴落!1クリック単価が10円から1円に

スマホアプリで手軽にお小遣い稼ぎは昔の話 スマートフォンアプリ開発者にとって収入を得る方法は何通りかありますが、その中でも一番手軽なのが広告収入だと思います。アプリ自体を販売するのではないので、手軽に色々な人が使ってくれるし、売り切りでは...