Web system開発ブログ

システム開発において有益かもしれない情報を不定期に配信しています
主に扱う情報
html / css / Javascript / linux / php / Angular / ionic / Android / iOS And more...

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

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

NgbModalを使う 最近はionicではなく、Angular4を使った開発を行っています。 Angular4を使って、モーダルウインドウを表示する方法と、モーダルウインドウと元のウインドウのデータ受け渡しについての方続きを読むAngular4 NgbModalを使ってモーダルウインドウを表示する[…]

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

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

SVGをEPSへ変換する際、フォントが適用されない linux上のinkscapeはコマンドで実行できるため、システムに組み込んで画像コンバーターのような役割を果たすことができます。 しかし困ったことに、使用するフォント続きを読むlinuxのinkscapeで日本語フォントを使えるようにインストール[…]

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

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

canvasで作った画像がそのまま印刷所へ投稿できるようになるまで イラストレーターを使って画像を作り、印刷所へ投稿することはありますが、今回それをWEB画面上だけで完結するWebサイトを作成しました。 canvas上に続きを読むcanvasをSVG、EPSへベクトル情報を保持したまま変換するシステム[…]

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

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

こんにちわ。 最近Appleの審査基準が厳しくなったなぁと思う今日このごろです。あと審査が遅いのもいい加減にして欲しい。 さて、みなさん、ionic2やっていますか? 今日はionic2のModal windowサイズを続きを読むionic2 モーダルウィンドウのサイズを自由に変更する[…]

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

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

ZBARは使えないようです ionic2の公式ページには、ネイティブ機能の1つとしてQRコードスキャンが上げられています。 Zbarという機能ですが、何故かAndroidではうまくいくのに、iOS版では動きません。 Xc続きを読むA scan is already in progress iOS版でQRコードが読み取れない[…]

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

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

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

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

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

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

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

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

Googleが提供しているGoogle analyticsというサービスは大変便利ですが、機能が多すぎて「なんとなーく眺める」だけで満足していませんか? 実際あんなにボタンが沢山あると、何をしたらいいのかわからなくなりま続きを読むAnalyticsのイベントトラッキングは手軽に導入できるすごい機能だ[…]

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

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

仕事やプライベートでパソコンを見つめる時間はどんどん長くなっています。 私、管理人はパソコンでプログラミングをしたり、ホームページの更新をしたりするので、1日の内10時間は モニターを見つめています。すると・・・どうして続きを読む長時間パソコンをお使いの方、眼精疲労を軽減する3つの方法[…]

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

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

ホームページの引っ越しには色々な手間が掛かりますが、Wordpressの引っ越しで、プロトコルがhttpからhttpsへ切り替わった人向けに書いています。プロトコルが変わるだけですが、いくつかやっておくべき事があります。続きを読む301リダイレクトをwordpressのプラグインで簡単に実装[…]

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

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

angular JSで開発をしていると、実際色々なトラブルが次から次へと湧いてでてくるものです。
angular JSに限ったことではないのかもしれませんが、とにかく思った通りに動いてくれない事が良く有ります。多分このページを見てくれている方も、同じようにAngular JSの開発で、苦しめられている方ではないでしょうか?
続きを読む 紹介angularjsは日本語が少ないとお嘆きの方への魔法の言葉

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

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

スマホアプリで手軽にお小遣い稼ぎは昔の話 スマートフォンアプリ開発者にとって収入を得る方法は何通りかありますが、その中でも一番手軽なのが広告収入だと思います。アプリ自体を販売するのではないので、手軽に色々な人が使ってくれ続きを読むNendの広告収入が大暴落!1クリック単価が10円から1円に[…]

Paypalエクスプレスを導入して、クレジットの支払いをシステム化する

Paypalエクスプレスを導入して、クレジットの支払いをシステム化する

格安・お手軽クレジットカード決済サービス Paypalをご存じ? paypalというサービスが有ります。 ホームページにクレジットカード決済機能をつけようとすると、クレジットカード会社からの審査を受けたり、毎月一定額の手続きを読むPaypalエクスプレスを導入して、クレジットの支払いをシステム化する[…]

Angular JS  ビット演算はfilterで効率よく処理しよう

Angular JS ビット演算はfilterで効率よく処理しよう

ビット演算って何? コンピュータは0と1の信号で、2は理解できません。0と1しか理解できないなら、桁を増やせばいいじゃない。ということでコンピュータは膨大な桁を処理しています。だからコンピュータは2を表現する時、10(イ続きを読むAngular JS ビット演算はfilterで効率よく処理しよう[…]

angular JS loading画面

angular JS loading画面

ionicであれば、ローディング画面はすごく簡単に実装できます
$ionicLoadingを使えば、簡単に
おしゃれなローディングの画面の出来上がりです。

通信開始の時に

$ionicLoading.show({content: 'Loading',animation: 'fade-in',});

って書くだけです。ローディング画面を消すには

$ionicLoading.hide();

これだけ。通信失敗時や通信完了時に書いてあげるだけ。

angular JS + bootstrapでも、bootstrapに似たようなのがあるんだろうと
考えていましたが甘かった。無いのです。 続きを読む 紹介angular JS loading画面

angular js+ui-router ログインの仕組み

angular js+ui-router ログインの仕組み

日報クラウドnipoでは、ログインをする処理が書かれています。
当然ですね。あなたが誰なのかわからないと、どの日報を表示したらいいかわからんもの。

なので、ログインしてもらうことで、あなたが誰かを特定するわけです。
SPA(シングルページアプリケーション)は、これまでのWebとちょっと考えが違う
ので、ログインのからくりも少し考える必要があります。
続きを読む 紹介angular js+ui-router ログインの仕組み

angular js フォームが空欄だった場合データがPOSTされない

angular js フォームが空欄だった場合データがPOSTされない

あるフォームの値が空欄(初期値)だったとき、SUBMITさせない方法はよく書かれているけれど、 空欄でSUBMITしてもOKにしたい。 別にバリデーションしなければいい話なんだけど、何故かAngular JS + Ion続きを読むangular js フォームが空欄だった場合データがPOSTされない[…]

ui-routerを使ったスクロールバー付きのインラインフレーム

ui-routerを使ったスクロールバー付きのインラインフレーム

angularJSで使用できるui-router これを使って、iframeふうなスクロールバー付きの小窓を作ってみます。 利用規約なんかに使えます 通常のHTMLではiframeタグでやればいいと思います Angula続きを読むui-routerを使ったスクロールバー付きのインラインフレーム[…]