独創アプリ開発日記 90日目 ページ切り替え調整と表示モード構想

今回は、ページ切り替えの調整と、スマホで自動ログインして「じぶんのまんが」「みんなのまんが」「他の人のまんが」の表示モードをどう切り替えるか構想を練っていました。

ページ切り替えについては、スマホは20件分のページ切り替えを一度に表示、PCサイトは50件分のページ切り替えを一度に表示するよう調整しました。

表示モードについて、スマホ版は以下3つのメニューがあります。

1.じぶんのまんが
2.みんなのまんが
3.他の人のまんが

1の場合は、PCサイトログイン後の「自分専用のみ表示」のチェックボタンをオンにした場合と同等機能になります。2は自分以外のテキスト漫画を表示する新たなモードです。
3も自分以外の人専用のテキスト漫画を表示する新たなモードです。

各メニューの具体的なスマホ版の実装としては、

1はidfvを使って自動ログインし、自分のidのテキスト漫画のみ表示します。
2は、PCサイトで「誰でも可」を指定して作成されたり、スマホの2のメニューで作成されたみんなのテキスト漫画を表示します。
3は、PCサイトで「自分専用」を指定して作成されたり、スマホの1のメニューで作成されたみんなのテキスト漫画を表示します。ただし自分で作成したテキスト漫画は除きます。

あとは、出来ればPCサイトとスマホと両方共通のIDでログインできる仕組みが欲しいかな・・・まあそれは後々実装でも良いかな。

表示モードについては明日実装を進める予定です。

独創アプリ開発日記 89日目 編集画面のスマホ特化デザイン完成

昨日の作業の続きです。編集画面のスマホ用デザインが完成しました。

iPhoneX対応済みです。ディスプレイギリギリまで”無駄に”有効活用しています。

ついでに、テキスト漫画サイトで作成された「彼氏の財布がマジックテープ式だった死にたいActiveAA」をご覧ください。

 支払いは任せろーバリバリ
バリバリ   ∧_ ∧バリバリ
  バリバリ( ゚ω゚ ) バリバリ
 バリバリC□    l丶l丶バリバリ
 バリバリ /  (   ) バリバリ
バリバリ  (ノ ̄と、 iバリバリ
            しーJ
 

独創アプリ開発日記 88日目 編集画面のスマホ特化デザイン

今回もテキスト漫画サイトのアプリ版作成です。今日は編集画面のスマホ用デザインをcssやjsで作り込んでいました。

コマ表示の文字を押しボタン式にcssでデザインしました。押すとカチっと押し込めるような感じです。再生も押しボタン式にしました。

コマ選択表示部分はjsで押したデザインと浮いているデザインを切り替える必要があり、その作り込みの途中です。明日には編集画面のデザインが完成しそうです。

独創アプリ開発日記 87日目 ページ切り替え実装

今回は、テキスト漫画サイトのアプリ版について、ページ切り替えを使いやすくしました。

ページ切り替えリンクを一度に全て表示するのではなく、ある程度ずつ表示して、矢印 > で切り替え可能としました。

これでテキスト漫画が100億件登録されても大丈夫です。多分。

独創アプリ開発日記 86日目 開発再開

皆様、お正月はいかがだったでしょうか?楽しめましたでしょうか?

私のお正月は年末の掃除が楽しくて、年明けもズルズルと楽しく掃除してました。

    _  
 γ´ヽ _ヽ ^ ,, ^
  0、 γ´, ‐- (U `ω)   
    `0─‐´ (:::::::o、ヽo   
          し─J\ヽ、)) 
                \ヽ、 
              、‐ヽヽ- 、      
             `======
ウィ〜ンンン

開発が滞っていましたが、本日から再開しました。テキスト漫画のガワネイティブアプリ化ですが、今回はリスト画面のスマホ特化デザインを作成しました。

表示順序や、表示しているページのリンクを押しボタン式にcssでデザインしています。押すとカチっと押し込めるような感じです。

コピーや編集リンク文字のデザインを変更したり、テキスト漫画の表示部分に薄く色をつけたりもしました。

シンプルで見やすくなったのではないかと思っています。

独創アプリ開発日記 85日目 彼氏の財布がマジックテープ式だった死にたいAA

 
      ∧_ ∧
     ( ゚ω゚ )
    C□    l丶l丶
     /  (   )
     (ノ ̄と、 i
            しーJ
 

 
      ∧_ ∧
     ( ゚ω゚ )
    C□    l丶l丶
     /  (   )
     (ノ ̄と、 i
            しーJ
 

 
      ∧_ ∧
     ( ゚ω゚ )
    C□    l丶l丶
     /  (   )
     (ノ ̄と、 i
            しーJ
 

独創アプリ開発日記 84日目 お正月終了のお知らせAA

        ζ 
( ゚д゚)つ┃ 
お正月終了のお知らせ

        ζ 
( ゚д゚)つ┃ 
お正月終了のお知らせ

        ζ 
( ゚д゚)つ┃ 
お正月終了のお知らせ

ちくしょう、終わっちまった。明日明後日は土日で休みだけど会社出勤したらテンションだだ下がりです。

お正月は3日までとか、7日までとか、果ては1月末までとかいう人がいますが、気分的には明らかに間違ってます。

お正月=会社や学校が始まるまでが大正解です。

早く来年のお正月にならないかなぁ。

独創アプリ開発日記 83日目 お正月のランボー

   /⌒⌒⌒\
   ノ   彡 ミ  ) )
  ノノノノノヾヾ ) )
  (ノノニソ二)ノソ二)ノ) )
 ( ( ノノ <● フ T● | ミ )
 ( ノ|  / _ |ヽ |ミ ) )
 (ソノ| イ―ヽ 从 )
 /ソイソ\  ̄ /ソノノ
`/||/ ヽーイ\
/_/L(  ⌒Y⌒ )
  ( )  人R ( )
(二(⌒ヽn二二(ニ(二>
  \__ソ凵OE)/
   /三三三三|
   /三三ヘ三ニニ|

ランボー観てました。

独創アプリ開発日記 82日目 三が日AA

     ( ヽ           /  )
     |ヽJ      あ    し’ |
     | (ヽ      け   / ) | |
   (ヽー|ヽJ     ま  し’ |ー  /   )
   |ヽJ  |  |   お し  | | し’ |
   |   |∧__∧   |   め て  |  ∧,,,∧| |
  ミ( *・ω・)彡  で   ミ(・ω・*)彡
   ⊂ミソミソ彡ミつ  と    ⊂ミソ彡ミソ彡つ
   》======《.  う    》======《
   |_|_|_|_|_|_|_|      |_|_|_|_|_|_|_|
     `u-u´          `u-u´
あけましておめでとうあけましておめでとう
正月三が日は労働禁止正月三が日は労働禁止