開発

フェリーハッカソン最終日

さて、大阪に帰ってきてからは LT資料の作成班とデモの最終調整班と分かれて分業。 iPad+スタンドを持参していたため デモ展示をするべく、プロットでリンクを共有して画面の設定を完了。 クーラのiPadと合わせてデモ機は2台に。 これでタッチ&トライはな…

フェリーハッカソン2日目(後半)

さて乗船が完了し、いよいよ別府ともお別れ。 デッキの上では船員さんがアンカー巻き上げたりと大忙し。 さんふらわあでは土日だけのイベントとして、 離岸するときにテープ投げがあるらしく 乗客も現地の人も多くの方が参加してたため 綺麗なテープの川がで…

フェリーハッカソン2日目(前半)

はいはいー 今度は2日目を書いてくよー。 フェリーハッカソン1日目(前半) フェリーハッカソン1日目(後半) を書いたところで一睡もせずに 見事に朝を迎えましたwww それにしても海から見える朝日は綺麗だなぁ・・ これは是非とも寝起きで見たかった・・。 と…

フェリーハッカソン1日目(後半の細かい話)

はいども。 それでは早速前回に引き続いてハッカソンの記事書いてくよー٩( 'ω' )و 初日の夜24時にチームが結成されて ウチのチームは船内ミステリーツアーをプロデュースするために考えた結果、 webアプリとQRを利用して、船内にいたるところにストーリーの…

フェリーハッカソン1日目(後半)

いよいよ、ハッカソンの開始。 まずはじめに、さんふらわあと大阪港湾局の ウェークポイントのインプット。 さんふらわあとしては物流に関しては大きな問題は内容だけれども やはり乗客が少ないことをあげていて、 予約制度のインフラがあまり整っていないよ…

編集画面をいじる。

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

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

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

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

さて、前回で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のファイル…

この記事をシェアする