senmyou さん プロフィール

  •  
senmyouさん: senmyou's blog
ハンドル名senmyou さん
ブログタイトルsenmyou's blog
ブログURLhttp://senmyou.xyz/
サイト紹介文Androidアプリ開発ブログ。HTML/CSS/JavaScriptで作ってます。
自由文長年勤めた会社を退職し、2016年からAndroidアプリ開発を始めました。HTML/CSS/JavaScriptの経験・知識ゼロからのスタートです。貯えがなくなったら突然終了するかもしれません。
参加カテゴリー
更新頻度(1年)情報提供18回 / 365日(平均0.3回/週) - 参加 2016/11/20 16:47

senmyou さんのブログ記事

  • JavaScript Promiseとアニメーション
  • JavaScriptの非同期処理管理オブジェクトPromiseを使用してアニメーションを連続で行うサンプルを作成しました。Promiseはほとんど使ったことがなかったのですが、今回requestAnimationFrameメソッドによるアニメーション関数をつなぐため使用しました。アニメーション関数から直接次の関数を呼んだりsetTimeoutメソッドを使ってつなぐこともできますが、Promiseを使うとアニメーション関数群の依存関係をなくすことができたり関数 [続きを読む]
  • Chart.js パン操作サンプル
  • Chart.jsでグラフをパン(PANまたはドラッグ、スクロール)操作するサンプルを作成しました。Chart.jsはプラグインを読み込むことで機能拡張することができます。この拡張性・柔軟性の高さがChart.jsの人気の一因かと思います(メンテする方は大変そうですが)。プラグインは公式サイトでも公開されており、信頼性についても心配なさそうです。Popular Extensions ? chartjs.org今回グラフをパン操作するにあたり、公式サイトで公 [続きを読む]
  • JavaScript よく使う配列メソッド
  • 個人的によく使うJavaScriptの配列メソッドをまとめました。ループ処理forEach / map / filter要素の追加push / unshift / splice要素の削除(取り出し)pop / shift / splice切り取りslice検索indexOf / lastIndexOf / findIndex / findテスト判定some / everyソートsortループ処理forEach / map / filter全要素について処理を実施(中断しない)forEach(コールバック関数)for文の代用新しい配列 = map(コールバック関数)コールバ [続きを読む]
  • Cordova AdMobプラグインで広告を表示
  • AdMobプラグインを使用するとGoogle AdMobの提供する広告配信サービスを利用してモバイルアプリに
    広告を表示することができます。floatinghotpot/cordova-admob-proバナー広告AdMob.createBanner({ adId: 'ca-ap
    p-pub-0123456789012345/0123456789', position: AdMob.AD_POSITION.BOTTOM_CENTER,//debug// isTesting: true, overlap: true, a
    utoShow: true, adSize: 'SMART_BANNER'});バナー広告(AD_POSITION.POS_XY)var e [続きを読む]
  • Cordova PowerManagementプラグインでCPUをスリープさせない
  • PowerManagementプラグインを使用するとモバイル端末の電源の状態を制御することができます。たとえば、動画や音楽アプリでスクリーンをオンのまま維持したり、目覚ましアプリでスクリーンがオフになってもCPUを稼働させ続けるといった使い方ができます。PowerManager ? Android DevelopersKeep the device awake ? Android DevelopersViras-/cordova-plugin-powermanagementboltex/cordova-plugin-powermanagementNoteViras氏の [続きを読む]
  • Cordova Emailプラグインでメールを送信
  • Emailプラグインを使用するとモバイル端末のメールアプリを立ち上げることができます。このと
    き送信メールの初期値として宛先(to, cc, bcc)、件名、本文、添付ファイルなどを設定できます。
    katzer/cordova-plugin-email-composerサンプルcordova.plugins.email.isAvailable(function (hasAccount) { if (hasAccount) { co
    rdova.plugins.email.open({ to: "username@gmal.com", subject: "テストメール", body [続きを読む]
  • Monacaで作ったAPKのサイズ削減
  • 先日メモ帳アプリ「Tiny Note」のアップデート版を作っていたときに実験的に必要なさそうなファイルを手当たり次第に消しまくってからビルドしてみたところ、APKファイルのサイズを削減することができました。正直やっていいことなのかもよくわかっていないのですが、とりあえず書き留めておきます。開発環境:MonacaクラウドIDEビルドの種類:Android リリースビルドサイズ削減効果まず結果をご覧ください。一番上のファイルはCro [続きを読む]
  • Tiny Note V2.0.0 アップデート
  • シンプルなメモ帳「Tiny Note」のアップデートを行いました。V2.0.0 アップデート内容メール送信機能を追加しました。アプリのサイズを大幅に削減しました。対応するプラットフォームをAndroid5.0以上に変更しました。リリースしてから初のアップデートになります。使い捨て用のメモ用紙を想定して開発しましたが、実際に長く使っていると、消さずに残しておきたいアイデアやポエム的なものなどが溜まってしまい、いったんパソコン [続きを読む]
  • アプリのレビューが掲載されました
  • アプリ情報サービスAppliv様より喫煙管理アプリ「Smoking Note」のレビューを頂きました。編集部のおすすめポイントたばこを吸った時にボタンを押すだけ。たばこの喫煙記録を取れる一か月のたばこ代も記録される。緩みがちな財布に緊張感を喫煙状況を記録化することで、節煙や禁煙のサポートにレビュー記事:Smoking Note : 喫煙管理アプリ禁煙サポート アプリランキング TOP10はこちらぜひご覧ください。 [続きを読む]
  • Blenderブロックの作り方
  • 無料ではじめるBlender CGイラストテクニック(大澤龍一 著)の「CHAPTER03 ポリゴンモデリング2」に掲載されているブロックを作ってみました。このブロックは長方形の土台に8つの円柱がくっついたシンプルな形をしていますがループカット面の差し込み押し出し細分割曲面モディファイアべベルといったモデリングの基本的な機能が複数使われています。書籍では制作過程を5つのパートに分け、順を追ってモデリングの仕方を解説 [続きを読む]
  • Blenderマテリアルノード設定
  • Blenderで使用頻度が高そうなマテリアルノードの設定をまとめてみました。各パラメータの値は任意です。レンダリング結果にはマテリアルの設定だけではなく照明やワールド、他オブジェクトからの反射など様々な要素が影響するので、環境に合わせてパラメータの値を調節することになります。Blender公式サイトblender.org日本語のユーザマニュアル(v2.6)Blender Wiki参考にした書籍無料ではじめるBlender CGイラストテクニック [続きを読む]
  • Blenderで桜を作ってみました
  • Blender Guruのチュートリアルを参考に桜を作ってみました。チュートリアルできあがり「ディスプレイス(Displace)」モディファイアについて桜の花びらのくしゃくしゃ感をだすために「ディスプレイス」モディファイアを使用しています。おもしろいモディファイアだったので、実際にどのように設定したのかまとめてみます。「ディスプレイス」モディファイアの詳しい説明については以下のBlender Wikiをご参照ください。置換(Disp [続きを読む]
  • Blenderをつかってみました
  • Blenderは無料の3DCG制作ソフトです。公式サイトはこちらとりあえず何をしたらいいのかまったく分からなかったので、書籍「無料ではじめるBlender CGイラストテクニック(大澤龍一 著)」を購入し勉強をはじめました。また、同時にWeb上の解説サイトやYouTubeのチュートリアル動画を参考にして見よう見まねで何個か作ってみました。そこで、今回参考にしたチュートリアルと実際にできあがったものをご紹介します。無料ではじ [続きを読む]
  • タイピング練習 経過報告その1
  • 以前にe-typingの紹介記事を書きましたが、その頃(去年の10月下旬)からe-typing(イータイピング)でタイピングの練習を少しずつ続けています。毎日というわけではありませんし、やっても一日10分程度なんですが、実感としては少しずつではありますがなめらかにキーを打てるようになってきた気がします。去年の11月9日の記録です。たまたまいい記録がでたのでスクショを撮っておきました。そして1月13日、本日の記録で [続きを読む]
  • 株価予測練習ツール作成
  • 株価予測練習ツールを作成したのでご紹介します。ブログメニューの倉庫のなかに保管しました。倉庫 ? 株価予測練習ツールNote動作環境:Windows10、Google Chrome(FileSystem API対応)本ツールは株職人、相場師朗氏の著書「一生モノの株のトリセツ」から着想を得ました。第一章「キャベツの千切り1000回、株の練習は3000回」では、チャートをたくさん見て、深く考え、工夫することがとても大切であると解説されています [続きを読む]
  • パズドラ練習アプリ/スタミナ管理ツール作成
  • パズドラの練習アプリとスタミナ管理ツールを作成したのでご紹介します。ブログメニューの倉庫のなかに保管しました。倉庫 ? パズドラ練習アプリ倉庫 ? パズドラスタミナ管理ツール練習アプリはJavaScriptを勉強し始めた頃に作ったもので、今回はソースの見直し、余分な機能の削除、コンボエフェクト追加、Edit機能の改善(作り替え)などを行いました。ベースはできていたのですぐ終わるだろうと思っていたのですが、当時JavaSc [続きを読む]
  • タイピングの練習ができるサイト e-typing
  • タイピングの練習ができるサイト e-typing をご紹介します。とはいっても、けっこう有名なサイトみたいでwikiにも載っていますし公式サイトでも会員登録数が100万人を超えたとか100人に一人がe-typingを使った経験がある!?などと書かれています。私がこのサイトを知ったきっかけが何だったのか思い出せないのですが、知ることができてよかったと思っています。この記事も誰かが e-typing を知るきっかけになればと思います [続きを読む]
  • JavaScriptのapply()とcall()
  • いつも忘れるので具体的な使い方を残しておこうと思います。自分のためのメモで目新しいことは何もありません。記事の最後にapply()とcall()の引数の型がどっちが配列でどっちが可変長引数リストか忘れない覚え方を載せました。そもそも間違えないとツッコまれそうですが、もし私と同様のお悩みをお持ちの方がいらっしゃいましたら、ご一読いただけたらと思います。参考サイトMDN(Function.prototype.apply)MDN(Function.protot [続きを読む]
  • HTML5 Canvasの勉強
  • HTML5のCanvas要素の勉強のために作成したサンプルが少したまったのでご紹介します。globalCompositeOperationCanvasの魅力的な機能のひとつに合成処理があります。図形などを描画するときにglobalCompositeOperationプロパティを設定することで、描画先となるCanvasの内容と合成処理を行い、その結果を描画することができます。合成とクリッピング(MDN)globalCompositeOperation プロパティ(HTML5.jp)ドキュメントを読むだけ [続きを読む]
  • Color Pickerを作ってみました
  • アプリやゲーム、ブログなどのWebコンテンツを作成するとき、パーツの色を決める作業って意外とたいへんですよね。赤くしたり青くしたり、薄くしたり濃くしたりなど何度も試行錯誤を繰り返し、ふと気が付くと最初に試した色に戻っていたり。色を探すためのサイトやツールはネットで検索するとたくさん見つかります。どれも十分使えるのですが、そこにちょっと手を加えてより使いやすいものができないかなと思い、色変換などについ [続きを読む]
  • Tiny Noteリリース
  • シンプルなメモアプリ Tiny Note をリリースしました。リスト表示でとても見やすい、シンプルなメモ帳買い物リストや直近の予定など、メモ帳に残すほどでもないようなことを、迷わずさっとメモれるようなシンプルなメモアプリです。使い捨てのメモ用紙代わりにいかがですか。巷ではすでに信頼と実績を集めたメモ帳アプリがたくさんリリースされているわけですが、いろいろ使ってみた上で自分なりに使ってみたいメモアプリが頭に浮 [続きを読む]
  • ons-toolbarに配置したons-iconの位置ずれ
  • ons-toolbarにons-iconを配置すると、アイコンがツールバーの上下中央から少しずれてしまうことがあります。HTML Page 1 この位置ずれについて調べました。NoteOnsen UIとFont Awesomeのお話になります。CSSスタイルの優先順位突然ですが、まず最初にCSSスタイルの優先順位について確認しておきます。スタイルの優先順位 ― HTMLクイックリファレンスを参考にざっくりまとめてみました。よりタグに近い [続きを読む]
  • Smoking Note V1.2.5 アップデート
  • 喫煙管理アプリ「Smoking Note」のアップデートを行いました。V1.2.5 アップデート内容誤入力データの取消機能追加表示文字やエフェクトなどのブラッシュアップ設定画面の「いっぷく時間の取消」ボタンから直前の記録を削除できるようになりました。連続タップや誤入力をしてしまっても元に戻すことができます。また、メイン画面で使用している文字や時間更新エフェクト、グラフ画面の表の色などを少し変更しました。 [続きを読む]