ちょっと大きなホームページを作ると、グローバルメニューに下層メニューを置きたくなりますよね。 jQueryを使えば簡単にドロップダウンメニューを実装できます。 【html】 <nav> <ul class="dropdown"> <li><a href="./index.html" title="HOME">HOME</a></li> <li class="hover"> <a href="./about/about.html">大メニュー1</a> <ul class="dropmenu cf"> <li><a href="./about/about.html">下層1-1</a></li>…</ul></li></ul></nav>

HTMLをいじってるとタブを実装したい場面はよく出てきますよね、トップページのお知らせとか。 ページ内にタブ1つだと実装はかんたんなのですが、複数あると全てのタブの動きが連動しちゃうとか、1つはうまくいっているのにもう一方は表示されなくなったとか…

ある日届く1通の不吉なメール 「○○のシステムについて、利用者からエラーが出るとの不具合報告があります」 こういうメールは心臓がヒュッとしますよね。 開発環境ですぐに原因が判明するような不具合ならいいですが、本番のデータで試さないと再現がとれな…

思い切って始めてみたけどまず何からやるべき？ プロジェクトファイルが多すぎる 参考書のページ数都合によるコードの省略が多い 紙なので流れや動きが分かりづらい 参考書のコードにタイポがあってエラーになる オススメの勉強法 脱・初心者！次は何をしよ…

確認画面でのテーブル表示とかでよくやるやつ。 氏名 メールアドレス 申し込み内容 取消 テスト太郎 test@gmail.com 焼き肉 取消 テスト次郎 test2@gmail.com すき焼き 取消 こんな感じのテーブルがあったとき、「取消」をクリックでその1行（tr）を消す方法…

railsで作ったアプリをスマホアプリ化したいという仕事があったので手順をメモします。 ざっくり言うとwebView設置してデフォルトのURLをrailsアプリのものにするだけです。 Android編です！ iOS編はコチラ↓ oe526.hatenablog.com プロジェクトを作成する An…

railsで作ったアプリをスマホアプリ化したいという仕事があったので手順をメモします。 ざっくり言うとwebView設置してデフォルトのURLをrailsアプリのものにするだけです。 iOS編です！ Android編はコチラ↓ oe526.hatenablog.com プロジェクトを作成する xc…

railsで作ったwebアプリをwebViewを使ってネイティブアプリにしているときに遭遇。 onclickでモーダルを閉じる処理をjqueryで入れている箇所で、onclickが効かずにモーダル閉じれない問題がAndroidのみで起こった。 アプリの中はこんな感じでwebView読み出し…

webアプリ（rails製）をスマホアプリ化したいという依頼がありました。 スマホアプリの作り方はドットインストールでちょこっとだけ学んだことがあったので、webViewでウェブアプリを表示するだけのアプリを作ります。 リンクをタッチするとどのブラウザを立…

業務で企業の業務サポートシステムを作っているときに使いました。 企業のユーザにはいくつか権限があって、「管理者（admin）」と「担当者（manager）」「一般ユーザ（general）」がいたとします。 権限のあるadminとmanagerだけを取り出したいときどうする…

一覧ページ（index）でよく使いたくなるデータの並び替え機能について Gemをインストール acts_as_listというgemを使います。 Gemfileに記載してbundle installしましょう。 【Gemfile】 gem 'acts_as_list' 並べ替えしたいデータのモデルを編集 Userモデル…

例えば「企業（company）」テーブルと「事業所（office）」テーブルがあるとします。 企業と事務所の関係は、企業が複数の事業所を持っているということで、1対多の関係です。 モデルの紐付けと設定 親のcompanyに「accepts_nested_attributes_for :offices…

プログラミング勉強会でたのしいRubyに取り組んでいます。 第20章 TimeクラスとDateクラスの練習問題（4）がなかなか難しく、回答を調べてもあんまりヒットしなかったので私の回答をメモ程度に掲載します。 問題文 Dateクラスを使って今月の1日と月末の日付…

業務で特定の操作の締め切り期限機能を作る機会がありました。 締め切り設定は使う・使わないを選択でき、使う場合は締切日をselectで選択、使わない場合はselectをdisabledにするという処理です。 実装 railsアプリなのでjQueryは既に読み込んでいます。 ま…

divなどのタグで囲まれたボックスのサイズを手動で変更したときは、「resize:both」を使います。 Can I useによると、主要ブラウザは軒並み対応してますね。 ただ、スマートフォンのブラウザはまだ怪しい感じです。 基本的な使い方 ボックスの右下に斜めの線…

プロジェクトの作成 データベースはpostgresqlを指定 バンドルインストールをスキップ rails new プロジェクト名 -d postgresql -B Gemfileにsorceryを記載 【Gemfile】 source 'https://rubygems.org' git_source(:github) { |repo| "https://github.com/#{…