開発日記

夜分遅く?にすんません。

はい。どうもゆっきです。 23時に寝たはずなのに、小一時間で目が覚めてしまって若干泣きそうでございます。 おかげで全く寝れねぇ・・ということで今回は前回の続きをやっていきますー。 今回は、リスティングっていう機能について実装ができたので出してい…

久しぶりに更新。

はいども、ゆっきです。 大寒波襲来の中、またものの見事に体調を崩しました。※自己管理なってない証拠。 さてそんな中、ものっそ久しぶりにアプリの開発に奮闘しております。(ちゃんと仕事もしてるからとりあえずは大丈夫と思われる) そういえばブログ移設…

編集画面をいじる。

今回は、プロフィールの編集画面をいじろう 前回では適当な感じでプロフィール画面を作った訳だけども 結局のところ先に編集画面を作らなきゃ プロフィールのところに反映させにくいよなと思いついた訳です。 多分回り道してんだろうけどこれであってるはず…

プロフィール関連の基礎づくり その①

今回はプロフィールページを作っていくことに。 とは言ってもアイコン表示させたりとかかなぁ・・ なかなか共用部分のレイアウト考えるのって難しかったりする(ㆀ˘・з・˘) ひとまず、目指す先としてはこんな感じ おそらくアイコンの大きさとしては ブラウザ版…

プロフィール関連を作ってみる

さて、前回でfacebookとようやく仲良く連携できるようになったので そのまま続きでプロフィールをいじるために設定画面を作ってみる。 とりあえず、ログインした後にルーティングでホームに戻って来たら アドレスが表示されるようにしているので その横に今…

久方ぶりの開発更新。

先の記事にも書いた通り ようやくfacebookとも仲直りができたので(違う ちゃんとログインが実装できたので 復習(?)も兼ねて再度トレースしてみる。 参考記事 facebookの実装ぉぉ 手順書は一度最後まで目を通すほうがいいことに気づかされた。 できた!と思…

facebookのログインリンクをボタン化する

前回でfacebookに嫌われてしまい、 若干拗ね気味ではあるものの湯水のごとく課題は出てくるので しばらく放置して、今回はfacebookログインの体裁を整える。 さすがに文字だけで見た目が残念なことになっているので 一旦、ボタンに変えてもっとわかりやすい…

できた!と思ったら別の問題発生

さて、一眠りして若干スッキリしたので続きをやっていこう。 Now we just add the file app/controllers/users/omniauth_callbacks_controller.rb: とか書かれてるのでファイルを作ればいいのか。 ・・って思ったけどコントローラーのところにユーザフォルダ…

手順書は一度最後まで目を通すほうがいいことに気づかされた。

前回、実装する途中で急激な眠気に襲われたため 敢え無く中断してしまったので、 今回はその続きから。 devise.rbのファイルにfacebookからの情報を引っ張り出すために 前に作ったfacebookアプリの認証データを入力。 config.omniauth :facebook, "APP_ID", …

facebookの実装ぉぉ

前回でfacebookへの登録が終わったところで いよいよプロジェクトの方に組み込んでいく。 railsにはomniauthとかいう認証を行うためのオープンソースがあり これを使えば膨大な量のコードを記述する負担が大幅に減るらしく 今となっては当たり前のように使わ…

facebookでログインとかできるようにしたい

今回はやっとソーシャルログインに取り掛かっていこうと思うので、 まず第1段階としてfacebookからやってみる。 まぁなんせよfacebook自体にも登録しなきゃならんのだろうなぁと思ってたら やっぱりそのようで。 ググったら色々方法あったけど まぁ手堅くfa…

アカウントを作る時に入力ミスがあればエラーのフラッシュを出すようにする

さて、今回は前回に引き続きフラッシュ関連で アカウントを作る時に正常に登録できなかった時に どの項目でミスが起きてるのかをわかりやすくするために フラッシュを利用して表示させようと思う。 現状としては、まだ3項目ほどしか入力できる領域がないも…

ドロップダウン方式のボタンに変えたらスッキリしすぎた

ある程度表示する内容も増えて 妙に長ったらしくなったおかげで 見た目的にも若干残念な感じになりつつあるので なんかいい方法ないかなぁとbootstrapの内容を眺めてたら ドロップダウンのボタンでスッキリすることが判明。 んで、最初ドロップダウンってな…

今ってどっち・・。

前々回でログイン・ログアウトの機能は実装できたものの 正直、URLの鍵のマークだけでは見た目的によろしくない。 ってことでセッション関係でログインしてるかしてないかを見極めて 部分的に見た目を変えようと思う。 んで、どこで見た目を変えるの?ってと…

作るだけ・入るだけさせといて、消さない・出させないとか。。そんな地獄絵図は鬼畜すぎるだろ

前回の終わりでなんか不完全燃焼とか言ってた理由。 いつログアウトさせて、いつ退会させんねん! 入ったまんま出られへんとか蟻地獄かよ。 絶対コンプライアンスやらその辺り引っかかるやつやん・・・。 あー、早い段階で思い出してよかった。。 とりあえず…

データベースの確認

前回までで、一通りアカウント関連が準備できたので 今回は実際にアカウントを作成して、そのデータがちゃんと保存されるかを チェックしたいところ。 とりあえず、ユーザ関連に関しては何も作成した記憶がないので (これでデータあったらうちのパソコン乗っ…

トップページの長ったらしいコードをスッキリさせる

前回までアカウント関連のところをいじってきたので 今回は最初のトップページのコードを省略して行こうと。 現状はこんな感じ。 んー。これじゃ情報量の多いトップページにした場合 とんでもない量のコードになってしまう。。 いくらインデントやらつけて行…

ログイン画面を綺麗にする

さて、さっきの続き。 あまりにも衝撃を受けすぎて長くなってしまったので ものっそ中途半端な感じで終わってしまったことを反省して 今回はちゃんとやりきろう。うん。 とりあえず登録画面と同じようなコードにして センタリングと文字を日本語化しよう。 …

ログイン画面を整えようと思ったけど、かなり衝撃を受けたやり方を見つけてしまって、もはやそれどころじゃなくなった。

・・・タイトル長すぎやろ。 まぁそれはどうでもいいとして。。 前回でアカウントの登録画面が一通りできたので 今回からログイン画面を綺麗にしていく。 何も設定してないのでかなり残念な感じ。。 これも登録画面と同じようにしてスッキリさせたい ・・・ …

さっきの続き。

なんとも最終的に不完全燃焼な感じで終わってしまったから すぐ続きの作業。 っとその前に 選択させるマルチプルのフォームと確認用のチェックボックスを 作るの忘れてたことを思い出したので これもチャチャッとコピペして作ってみた どれか一つ以上選択し…

入力フォームの仕様変更

前回でフォームを中央に移動させたところで、 今回は入力させたい形式なんかをいじりたいところ。 前にbootstrapを導入しているのでこれを使ったら わりかし簡単にいくらしい。 ってことでソースを見つけてくる bootstrap formでググると一番上に出てきた。 …

画面を見やすくする

今回は、アカウント作成画面のレイアウトが 今まで左いっぱいに寄ってたので、 若干見やすくするために入力のフィールド全体にクラスをつけて 少し、右に持ってくる予定。 とりあえず、前回のところで背景色が真っ白だったので、 微妙なグレーにしてナビゲー…

背景と同化して隠れ身の術を使われたから引き釣りだす

タイトルでいきなり何を言ってんねん。って感じで始まってすみません。 前回の記事でリンクが背景色と同化してしまって マウスオーバーしないと全く表示されなくなったので 今回は文字色を変更してわかりやすくしてやろうという「お話」。 (↑「お話」って物…

リンクに紐付けする作業

前回のところでログインやらアカウント作成の文字を入れたはいいものの、 まだURLさえもできてない状態なので もちろんクリックされてもページに飛ぶことはできない。 そこで、文字をリンクにしてちゃんとページを開くようにしていく行程。 indexのファイル…

画像やらボタンやら

前回の内容でチラ見せしてたトップページの画像。 もちろん個人的にこんな綺麗な画像を撮れるわけもなく フリー素材を使用させていただきました。 (若干の加工は入れてます。) なかなか、ええエフェクター使っとりますなぁ・・←そこはどうでもいい。 著作権…

ソーシャルログイン〜セットアップ編(追加)〜

前回でセットアップ終わったーと思ってたら まだまだやることがあったので 地味に焦っておりまする。 どうもユーザのモデルを作るのを忘れてたので これもコマンドで作成しなきゃならないらしい。 (どうせなら全部前回のコマンドで作ってくれよ・・) まぁグ…

ソーシャルログイン〜セットアップ編〜

さて、前回はインストールしてファイルを生成しただけで終わったので 今回はセットアップ(?)編。 とりあえずターミナルでdevise:installをした時に吐き出されたログ。 macさん「どーせこんなことやってないやろうからこっから下で教えること手動でやれよ!…

ソーシャルログインの準備〜インストール編

はいども。 タイトルからして何やら小難しいこと言っとるなぁという感じですが まぁ日頃アカウント作成する時とかに結構お世話になることの多いログイン方法の総称です 簡単にいうとfacebookやらtwitterなんかのSNSのアカウントを利用して登録する機能。 Rub…

コードを改変していく

さて、前回までに生成されていたhtmlファイルを (正確にはhtml.erbファイルなので以降ビューファイルとする) 少し変化させる。 例えばhomeのビューファイル。 <h1>Pages#home</h1> <p>Find me in app/views/pages/home.html.erb</p> んー。。ちょっと残念すぎる。 これをこん…

コーディング!続き

では、前回の続き。 rails gコマンドで生成されているはずのファイルを確認するために プロジェクトのディレクトリをAtomで開く。 ・・その前に 次からの作業がしやすいようにデスクトップにワークディレクトリを配置する。 こうすることで、Atomにドラッグ…

この記事をシェアする