bootstrapに限らずパンくずリスト(Breadcrumbs)の実装が簡単に出来るのでオススメです。installでサクっとインストールしましょう。endendapp/controllers/application_controller.rbに追加する事で、サイト全体でデフォルトのパンくずアイテムを追加出来ます。「ホーム」みたいな項目はそっちに記述するといいかと思います。request.fullpathcontrollerで指定したものの後に追加されます。viewに書く方がMVCアーキテクチャにより適合していますね。出力するapp/views/layouts/application.html.slimなどの任意の行に下記を追記しましょう。3で使う上記の手順でパンくずリストを出力すると、下記のように単純にaタグの羅列になります。class="active">Page</li></ol>Bootstrap用ビルダーを作るbreadcrumbs_on_railsではカスタムなフォーマットでパンくずリストを出力するための方法が用意されています。Bootstrap用のBuilderを作ってみましょう。endendそして、app/views/application/_breadcrumbs.html.slimに以下のようなファイルを作ります。概要AutoLayoutが超手軽に使える、Masonryをご紹介します!AutoLayoutで動的レイアウト、しかし...不特定なサイズの画像や長さのテキストを取り扱う時、どうしても固定サイズのViewレイアウトでは限界があります。コンテンツのサイズに合わせて、動的にレイアウトを調整する必要があります。Viewのサイズを変えればいいのではなく、周辺のViewも調整が必要なので結構大変です。そんな動的レイアウトの要件に対しては、AutoLayoutがよく使用されます。AutoLayoutは、親Viewのサイズ変更があった時に子View同士の間隔やサイズを自動で調節してくれる技術です。そのレイアウト方法は、Constraint(制約)と呼ばれるものをViewに与える事で定義します。「親Viewに対して上下左右に10pxのマージンを設けた子Viewを配置」というセマンティクスで定義できる2つめは、異なるスタイルで記述できるという事なんですが、利点となるには苦しい理由があります。Builderを使わないので、2番が利点にならなければ使う意味はほぼありません。超めんどくさいAutoLayoutの記述コードベースでのUI実装において、AutoLayoutが利点となるには苦しいその理由は、AutoLayoutをコードで記述すると超冗長になるという点です。簡単じゃない!楽じゃない!「親Viewに対して上下左右に10pxのマージンを設けた子Viewを配置」を実際にコードで記述した場合、以下のようになります。]];はい、やってられないですね!Masonryでお手軽AutoLayoutAutoLayoutは便利だけど、NSLayoutConstraintによる記述は前述の通り冗長で面倒です。それが原因で、利点を感じられず個人的に今まで全く使ってきませんでした。Masonryというライブラリがこの悩みを一気に解決してくれました。このライブラリは、AutoLayoutの学習コストを最小限に押さえつつ、少ない記述量で使用できるようにしてくれるものです。make.edges.equalTo(superview).with.insets(padding);}];とっっっっっても簡単ですね!!制約ベースでの記述は、HTMLとCSSのような感覚で書けるので、とても重宝しそうです。酔っぱらってるけど更新します!!アプリに新しいボタンを追加した時とか、初めて利用する人に向けてUIの説明をしたい時ってありますよね。それも、出来るだけユーザさんの操作の邪魔をせずに。いう時に、ボタンの上下左右いずれかの場所にバルーンを表示できたら便利ですよね!そんなバルーンを手軽に表示できるのが、CMPopTipViewです!動作させると以下のようにいい感じで表示してくれます:もちろん、バルーンの見た目のカスタマイズ性も充分にあります。枠や陰、ボコっと出っ張ったグラデーションなどを調整できます。repository標準アラートビューと同じ見た目で、アラートの中に地図を埋め込んだりアプリ評価を出したりできます。処理の進捗表示といった一時的に表示する用途に向いています。デザインがかっこいい!!使い方も簡単!!バリエーション豊富!!個人的にはキャンセルボタンが欲しいかな。repositoryこちらはタイトルバーに色がついててちょっとオシャレなアラート。矩形領域にスポットライトをあててUIを手軽に説明できるWSCoachMarksView注目してほしい箇所以外を暗くして、説明文を表示できるコンポーネント。矩形領域にスポットライトをあててUIを手軽に説明できるWSCoachMarksViewにコメント様々なiOSアプリのチュートリアル画面を集めたサイトアプリのチュートリアル画面を考えるのって大変ですよね。何ができるのか、どんな嬉しい事があるのかを、端的に伝えなければなりません。そこで、参考になりそうなチュートリアルのスクリーンショット集があれば便利ですよね。いうサイトは、様々なiOSアプリのチュートリアルのスクリーンショットを集めたサイトです。Blog.投稿先:キャンセル。