窓際BLOG

プログラミングの学習メモや書籍の感想等を公開していきます。

Ionic:スワイプでページ更新する方法のメモ

Ionicで下スワイプでページ更新を行う方法をメモφ(..) ↓実装イメージはこんな感じです。 手順 概要 Ionicでスワイプでページ更新を実装するには、ion-refresherを使用します。 Viewのion-content内にion-refresherを配置し、(ionRefresh)="doRefresh($event)…

Ionic:読み込み中にローディングのポップアップを表示する

Ionicでローディングのポップアップを表示する手順をメモφ(..) ↓イメージはこんな感じです。 手順 Ionicでローディング画面を表示するにはLoadingControllerを使用します。 LoadingControllerの使い方の概要は下記の通りです。 methods memo create ローディ…

Ionic:API呼び出し処理の実装方法メモ

Moookのモバイル対応でAPIからデータを取得する対応をしたので、その方法を備忘目的でメモφ(..) ↓こんな感じでMoook(https://moook.herokuapp.com/pages)から取得したデータをIonic側で取得し、表示しています。 やりかた モジュールのインポート まずは、ap…

RubyonRails:deviseのcurrent_userの返り値をカスタマイズする

deviseのヘルパーメソッドcurrent_userの返り値がデフォルトだとnilになるが、 空のUserインスタンスを返したかったけどハマったので、やり方をメモφ(..) やり方 application_controller.rbでcurrent_userをoverrideする。 しかし、alias_method :devise_cur…

JavaScript:Anglar勉強整理メモ - 各設定ファイルの役割と概要 -

最近、Angularの勉強を下記本で勉強しているので、頭の整理がてらメモを投稿してみる。 Angularアプリケーションプログラミング作者: 山田祥寛出版社/メーカー: 技術評論社発売日: 2017/08/04メディア: 大型本この商品を含むブログを見る 今回は、Angularで…

JavaScript:Anglar勉強整理メモ - サンプルアプリの実行と概要について -

最近、Angularの勉強を下記本で勉強しているので、頭の整理がてらメモを投稿してみる。 Angularアプリケーションプログラミング作者: 山田祥寛出版社/メーカー: 技術評論社発売日: 2017/08/04メディア: 大型本この商品を含むブログを見る 今回は、Angularの…

HTML+CSS+JavaScriptでネイティブアプリが作れる - ionic入門 -

最近、ionicを使ってみているので日本語のドキュメント少ないし、頭の整理も兼ねて入門記事を書いてみるφ(..) ionicとは ionicとは、HTML+CSS+JavascriptといったWebの技術を使ってネイティブアプリが開発出来るオープンソースのフレームワークです。 Know h…

Ruby:作成したRubyプログラムを指定したコマンドで実行する

最近Rubyでコンソールアプリケーションを作成したので、指定したコマンドで作成したRubyプログラムを実行する方法をメモφ(..) github.com Rubyプログラムを任意のコマンドで実行方法 手順 やりかたとしては、作成したRubyプログラムへの絶対パスへのエイリア…

ionicでWebサイトへのリンクを貼る。

ionicでWebサイトへのリンクを貼る方法をメモφ(..) ↓こんな感じ 手順 .htmlファイルにリンクを置く .htmlファイル内に通常のWebアプリケーションと同様に<a>...</a>を配置します。 配置したリンクには(click)でクリックイベントを定義し、.tsで定義したopenWebSite(…

RubyonRails:kaminariを使ってページャーを簡単に実装する

開発中のサービス「いつもの更新、いつでも確認 | Moook」でページャーを実装する際に使用したgemkaminariの使い方をメモφ(..) github.com 使い方 gemのインストール 実装 Controller View ローカライズ おわりに 使い方 gemのインストール kaminariを使うに…

RubyonRails:Rails5で使えるデータ検索関連のメソッドをまとめてみた

現在、Railsブロンズ試験を受験してみようと思い、RubyonRails5アプリケーションプログラミングという本で勉強中なので、頭の整理も兼ねて学んだことをまとめてみるφ(..) Ruby on Rails 5アプリケーションプログラミング作者: 山田祥寛出版社/メーカー: 技術…

SIerのSEが自信無いけど初めてハッカソンに参加してみた

9/27に下記イベントに参加し、初めてハッカソンを体験してきました! 良いイベントで色々と学びがあったので、メモしておきますφ(..) みなさんにもハッカソンの様子を感じて貰えれば幸いです。 hackathon.connpass.com 私について 今の仕事 環境 スキルセッ…

Ruby on Rails:インスタンス変数等をjavascriptに受け渡す方法

はじめに Railsで取得したデータを使ってChart.jsでグラフ描画する等、Railsで扱っている変数をjsに受け渡す方法をメモφ(..) ↓イメージはこんな感じ 手順 概要 取得データをJSONに変換し、HTML要素のdata属性に設定(viewに埋め込む) jsで設定した要素のdata…

Ruby on Rails:文字列の一部だけエスケープさせずにHTMLとして認識させる方法

はじめに 掲示板のアプリケーション等、特定の文字部分(>>3等)を<a></a>として認識させる方法をメモφ(..) ↓イメージはこういう感じ やりかた 今回は>>数字を返信用の文字列として扱い、<a></a>でページ内リンクを貼るケースを想定してますφ(..) 文字列全体をhメソッドを使…

Ruby:複数の区切り文字で文字列を分割する方法(String.split)

はじめに 英語の文章を".“、”!“、”?“等の複数の区切り文字で分割する方法を調べたのでメモφ(..) 複数の区切り文字で分割する方法 区切り文字を統一後、分割する String.splitを呼び出す前に、区切り文字を置換し統一してあげればOK!(/・ω・)/ 今回のケースで…

RubyonRails:herokuのDBを開発環境(ローカル)へリストア(復元)する。

はじめに herokuで運営しているサービス(いつもの更新、いつでも確認 | Moook)の本番環境のデータを開発環境に反映させたときの手順をメモφ(..) 前提 環境 今回の手順を行った環境は下記の通りです。 title memo Production環境 heroku Rails ver 5.1.2 DB p…

Ruby on Rails:ファビコン(タイトルアイコン)の設定方法

はじめに Ruby on Railsで作成したWebアプリケーションにファビコンを設定する方法をメモφ(..) 設定方法 app/assets/imagesフォルダにファビコン用の画像を配置し、application.html.erb内に下記を記述します。 application.html.erb # favicon.pngは任意の…

Googleの検索結果にページが表示されない場合の対処法

はじめに 最近作ったWebサービスが、全然googleの検索結果に乗らなくて悲しかったので、対処法をメモφ(..) Google検索の仕組み Google では、「ウェブ クローラ」と呼ばれるソフトウェアを使用して、公開されているウェブページをクロール(情報を取得)しま…

Ruby on Rails:メール送信処理の準備・実装内容について(開発・本番環境)

はじめに Ruby on Railsでメール送信を行う際に必要となったツール及び実装を整理しましたφ(..) 目次 はじめに 目次 ActionMailerとは 用意するツール SendGrid 使い方 herokuへプラグインを導入 設定用にSendgridの情報を取得 SendGridの情報を環境変数へ設…

Ruby:nokogiriを使ったWebスクレイピングの基礎・入門

勉強がてらnokogiriを使ってwebスクレイピングをやってみたので、頭の整理を兼ねて色々とメモしてみたφ(..) Webスクレイピングとは ウェブスクレイピング - Wikipedia ウェブスクレイピング(英: Web scraping)とは、ウェブサイトから情報を抽出するコンピ…

Ruby on Rails:生のSQLを作成(直書き)して実行させる方法

はじめに Railsのアプリを作ってて、複数TBLを結合した結果をGROUP BYで集計するような、ちょっと複雑な検索処理が必要となり生のSQLを実行したかったので、そのやり方をメモしましたφ(..) やりかた SELECT文の場合は、ActiveRecord::Base.connection.select…

Ruby:初心者向け今すぐ使えるいい感じの書き方まとめ

はじめに Rubyですぐに使えそうな見やすい書き方を自分のためにも整理してみました(/・ω・)/ はじめに 書き方 複数行の代入 bool型の判定 1行のdo…end 1行のif分 複数値の判定 範囲の判定 配列中で特定の条件に合致する要素のみを抽出 クラスの配列から特定の…

Webデザイン:使ってみようWebフォント

デフォルトのフォントだと満足出来なくなってきたので、Webフォントを使ってみようと思ったらGoogleが良いものを提供してくれていました・・・!(..)アリガタヤ 使い方をメモしておきます。 [目次] [:contents] そもそもWebフォントってなによ Webフォントを導入…

Ruby on Rails:form_forでundefined method `to_key'が出続けてハマった話

あるモデルに紐づくモデルの登録を'form_for'を使って行おうとしたところ、下記エラーが出続けてハマったので対応策をメモφ(..) ActionView::Template::Error at / undefined method `to_key' for #<Favorite::ActiveRecord_AssociationRelation:0x007fcefaa056b0> Did you mean? to_set to_ary 原因 紐づくモデルの取得をm</favorite::activerecord_associationrelation:0x007fcefaa056b0>…

Ruby on Rails:複数の取得結果を合わせて、更新日時の降順で並び変える方法

ruby on railsで別のメソッドで取得した結果を合わせて、更新日時の降順に並べ替える際にハマったのでメモφ(..) やりたかったこと 別メソッドで取得した結果を結合後に更新日時の降順に並べ替える。 例:キーワードに合致するタグ及び名称を持つレコード 最…

RubyonRails:deviseを導入したらテストが通らなくなってハマったのでメモ

deviseを導入し、userモデルを作成後テストが通らなくなったので、 その事象と対応策をメモしますφ(..) 事象 deviseを導入しuserモデルを作成後、rails test実行時に下記エラーが発生し、テストが通らなくなった。 $ rails test ActiveRecord::RecordNotUniq…

色々:開発時にいつも調べちゃうことまとめ

いつも調べちゃうことを色々と下記にまとめていきます(/・ω・)/ HTML・CSS monopocket.jp bashalog.c-brains.jp www.totec-bs.co.jp tks-kan.com bootstrap3.cyberlab.info Ruby・Rails www.rubylife.jp shinodogg.com maeharin.hatenablog.com Git qiita.com …

SIerのSEがプログラミングスクールに通ってみた感想をまとめてみた

昨日、通っていたプログラミングスクールの講義最終日だったので、感想等をまとめてみるφ(..) 自分について 通っていたプログラミングスクール DIVE INTO CODEで学べること DIVE INTO CODEに通ってよかったこと 自分を客観視できる コミュニティ DIVE INTO C…

RubyonRails:Railsアプリケーションを作成後にまずやること

rails newしたあとにやることを備忘目的でメモしました(o・ω・o) 不要なコメントを削除する。 デバック用のGemをGemfileに追記する。 タイムゾーンを日本時間に変更する。 本番環境用のログ出力レベルを変更する。 rails gで不要なファイルは生成されないよ…

Ruby:rubyとherokuを使って無料で作るTwitterBot

はじめに rubyの勉強を兼ねて、ruby + herokuを使って無料でTwiterBotを作ったので、そのやり方をメモしますφ(..) はじめに 作ったもの 作り方 準備 Twitterアカウントの作成 Twitter Developperサイトにてアプリを作成 アクセストークンの生成 Botアプリの…