前回の記事 takanori5.hatenablog.com 今回はログインした後にnavbarの表示を変える方法をやっていきます。https://github.com/plataformatec/devise user_signed_inというのを利用すると良いと書いていますね。 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <% if (!user_signed_in?) %> </ul></div>

facebookとtwitterにアプリからシェアする機能を実装する方法をまとめます。まずはframeworkをimportします。 linked frameworks and librariesで＋ボタンをクリック social.frameworkをaddcontorollerにimportする import Social //filedを定義 var compose…

htmlで共通して利用しているクラスを追加、削除することで適用されるスタイルを変更したい場合に利用すると便利な方法。 addClass() $("要素名").addClass("class名")removeClass() $("要素名").removeClass("class名")参考： www.flatflag.nir87.com

前回の記事 takanori5.hatenablog.com Forms · Bootstrap 前回作成した登録ページをbootstrapのformsを使って綺麗にしてみます。 <div class="field"> <%= f.label :email %><br /> <%= f.email_field :email, autofocus: true %> </div>以下のように修正 classをform-groupに、さらにfield…

deviceは 認証系アプリに必要な機能を簡単に追加できる便利なgemです。まずはdeviceのgemを以下のページを元に導入。 github.comGemfileに追記 gem 'devise'bundle installでインストール すると以下のような文言がターミナルに表示されるので一個ずつ設定し…

grid systemを使って、大阪のうどんの名店「うだま」の文字を以下のように中央に配置してみます。 以下のbootstrapのページにアクセスGrid system · Bootstrap offsetting columnsに利用例が載っています。中央揃えにしたかったらcol-md-6 col-md-offset-3と…

bootstrapの導入は簡単です。 このページに手順が掲載されているので手順通り実行していくだけ GitHub - twbs/bootstrap-sass: Official Sass port of Bootstrap 2 and 3. 必要なgemのインストール cssを加える javascriptを加える 以上の３ステップで完了で…

以下のコマンドをターミナルで順番に叩いて行けば 必ず誰でもRuby on Rails環境が構築できます。①コマンドラインツールをインストール！ xcode-select --install②Homebrewをインストール！！ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homeb…

まずframeworkをimportする CoreImagelinked frameworks and librariesのプラスボタンをクリック CoreImageを選択してADD あとはボタンタップ時などに以下のように実装すればOKです。 import CoreImage超簡単ですね！！ // image が 元の画像 let ciImage:CI…

UIScrollViewにボタンをつけることで任意のイメージを選択時に背景画像に適用する方法を記載。 まず、ストーリーボードにUIScrollViewを配置 続いてソースに関連付け @IBOutlet var sc: UIScrollView!あとは以下のようにコードをゴリゴリ書きましょう //scro…

Swiftで値を渡しながら画面遷移する方法について書きます。かなり簡単にかけます。 segueにIDをつけておきます。 今回はNextと設定推移元のcontrollerにprepareメソッドをoverride これが画面推移前に呼ばれるメソッドなので、値を渡したい時はここでセット…

カメラの起動、撮影などを自分のアプリで利用する方法もかなり簡単に実装可能です。 宣言するプロトコルは以下の二つ UIImagePickerControllerDelegate, UINavigationControllerDelegateimportするlibrary Photos controllerでimport import Photos plistに…

以下のように、UITextFieldのタップ時にUIDatePickerを表示する方法を記載。日本語のサイトにSwiftのver4.0での実装方法が載っておらず、苦戦したため備忘です。 １.story boadにUITextFieldを配置し、ソースコードに関連付け@IBOutlet var dateTextField: U…

XCodeで新規でプロジェクトを作りまくり開発を行なっていたところ インジケーターがいちいち周り、異常に重くなり開発が進まなくなりました。 ログがたまりまくっていることが原因でした。 以下のコマンドでログを削除 これでめちゃくちゃ軽くなりました！！…

例えばフォトアルバムから取得したimageを背景などに設定し、 利用したい場合、取得したファイルを永続化する必要があります。 そんな時にはUIImageを一度NSData型に変換して保存します。取得するときに、再変換すればUIImageを取得することが出来ます。 以…

Swiftを音を再生する方法は超簡単です。 ライブラリをimport 音の再生に必要なframeworkをimportしましょう！ importするframeworkは `AVFoundation` 以下のようにしましょう まずプロジェクトを選択し、Generalの下の方の Linked Framework and Libraries …

上記のようなUIはUITableViewを使って実現されています。 Lineのトークの一覧にも利用されていますね。 私がSwiftを始めたばかりの頃は、本やいろんなサイトを見ながらこのUITableViewをなんとか使えるようになりましたが 無駄に時間がかかったので簡単にま…