①詳細画面におけるURL欄の表示②サムネイル表示 ③ドメインのみ表示

本投稿の内容はこちら。 aipoに関するものです。 
①詳細画面におけるURL欄の表示  
②サムネイル表示  
③ドメインのみ表示  

①詳細画面におけるURL欄の表示  

[かんちがい]   

  • 詳細画面と一覧画面を取り違えました。当初、詳細画面に反映されないとソースを確認。しかしミスは見当たらず。ですが確認していたコードは、そもそも一覧画面に関するものでした。同じミスをする人は少ないと思いますが。  

[実際に記述する]  

以下の1hacknoteを参考にしました。  
1. https://hacknote.jp/archives/29140/

[参考]  

  1. https://hacknote.jp/archives/29140/

②サムネイル表示  

[APIを使う]  

まずはHeartRails Captureを参照します。  
1. URL: http://capture.heartrails.com/help/make_thumbnail  
続いてHeartRails Captureにある”APIを使う”を開きました。 HeartRails Capture は、特定の URL の後に対象ページの URL をつなげて指定すると、直接そのページのサムネイル画像を返します(HPより)。  
1. URL: http://capture.heartrails.com/help/use_api 

[メソッド名とパラメータを設定した URLを用意する]  

そもそもメソッドとは  
1. URL: https://www.javadrive.jp/start/method/index1.html  URLクラスのオブジェクトを作成する  
1. URL: https://www.javadrive.jp/tutorial/url/index2.html  

[実際に記述する]  

以下の2hacknoteを参考にしました。  
1. URL: https://hacknote.jp/archives/28491/   2. URL: https://hacknote.jp/archives/29294/  

[エラー]  

サムネイルがbad request と表示されます。  
以下のハックノートが参考になりました。  
1. URL: https://hacknote.jp/archives/30329/  2. URL: https://hacknote.jp/archives/25399/  

[参考]  

  1. URL: https://hacknote.jp/archives/25399/  
  2. URL: https://hacknote.jp/archives/28491/  
  3. URL: https://hacknote.jp/archives/30329/
  4. URL: https://hacknote.jp/archives/29294/  

③ドメインのみ表示  

[実際に記述する]  

以下の3hacknoteを参考にしました。  
1. URL: https://hacknote.jp/archives/28491/   2. URL: https://hacknote.jp/archives/29294/  3. https://hacknote.jp/archives/1226/

[ドメインとサムネイルが同列に表示される]  

ドメインとサムネイルが同じ列にまとめて表示されます。headerとfooter を調整しても治らず。 ALtablefooter()とALtditemfooter()が一箇所逆でした。直すと別々に表示することができました。しかし次のエラーが。   

[内容が右による]  

  • 詳細画面で内容が、右端によるようになりました。google chromeのdeveloper toolによれば、余計な
<td>~</td>

が存在するとのこと。 #ALtditem()ではheader・footerで囲まないでみます。そうすると無事に列が表示されました。   

[一覧画面のタイトル横に余計な文字列]

$l10n.TODO_URLが一覧表示タイトル横に表示されました。google chromeのdeveloper toolは、

<th>~</th>

に囲まれている部分と示しています。対応するコードは発見できました。しかし消したら不具合が起きるか不明。チェックしようとするとdockerが立ち上がらなってしまったのです。