第11回ホームページ勉強会 　　 第60日目2023年03月30日 　前回の勉強会ではffftpのパスワードを私が勘違いして間違った設定資料を皆さんにお見せし、ffftpではパスワードを表示できなく、結果としてffftpの設定が出来ずご迷惑をお掛けしました。 　帰宅後に古い資料をあれこれひっくり返したり、Googleで解決策を検索した結果、正規のパスワードを確認しました。 今回の勉強会では Ⅰ．ffftpの設定 　1.ffftpの設定のバックアップ 　2.ffftpの設定をパスワード付きでファイルに保存 Ⅱ．シャッフルスライドショーの作成 Ⅲ．支部だより担当のffftpの設定 　を勉強します。 Ⅰ．ffftpの設定 　1.ffftpの設定をファイルに保存 　　パソコンの交換やffftpの設定データを保存したい場合には、まずffftpを起動し、 　　ホスト一覧を｢閉じる｣で閉じ、 　　 　　｢接続｣→｢設定｣→｢設定をファイルに保存｣で設定を、皆さんの指定した場所に保存します。 　　 　　ファイルの種類は｢.reg｣のままで、後で必ずわかる場所に保存します。　↙ 2024-03-02追加 　　 　　パソコンを更新した場合や、ffftpを何らかな事情で再設定する場合には、 　　通常は2つ上の図の青で示した手順で、保存したファイルから設定を復元できまが、 　　保存或いは新しいPCにコピーした｢ffftp.reg｣をダブルクリックするだけでも設定できます。 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　↖2024-03-05追加 　2.ffftpの設定をパスワード付きでファイルに保存 　　ffftpで設定したパスワードが分からなくなり、Googleで検索しました。 　　 　　最初に表示されたサイトに行きました 　　3-1.ffftpを起動 　　ffftp内の設定した内容を取り出すので、まずはツールを起動します。 　　3-2.ホスト一覧を閉じる 　　｢ホスト一覧｣を｢閉じる｣で閉じます 　　3-3.FileZilla XML に設定をエクスポート 　　ffftp内のツールを「接続(F)」⇒「設定(S)」⇒「FileZilla XML に設定をエクスポート」の順に選択していきます。 　　 　　3-4.出力されたXMLファイルのコードを確認 　　エクスポートした「FileZilla.xml」を、メモ帳などテキストエディタを使ってファイルを開きます。 　　開いたファイルの「<Pass>〜</Pass>」の部分にパスワードが書いてあります  　 <?xml version="1.0" encoding="UTF-8" standalone="yes"?> <FileZilla3> <Servers> <Server> <Host>sv.senior.ne.jp</Host> <Port>21</Port> <Protocol>0</Protocol> <Type>0</Type> <User>nasu</User> <Pass>Password</Pass> <Account></Account> <Logontype>1</Logontype> <TimezoneOffset>0</TimezoneOffset> <PasvMode>MODE_PASSIVE</PasvMode> <MaximumMultipleConnections>1</MaximumMultipleConnections> <EncodingType>Auto</EncodingType> <BypassProxy>1</BypassProxy> <Name>NPOﾈｯﾄﾜｰｸｾﾝﾀｰ</Name> <LocalDir>D:\ドキュメント\那須シニアネットHP</LocalDir> <RemoteDir>public_html</RemoteDir> <SyncBrowsing>0</SyncBrowsing>NPOﾈｯﾄﾜｰｸｾﾝﾀｰ&#xA;</Server> </Servers> </FileZilla3> 　　ffftpの設定が複数個ある場合は､<Server>〜</Server>が設定したホストの数だけ存在します。 　　その場合は、<Host>〜</Host>にホストの設定名が書いてあるので、知りたいホストの 　　パスワードをそこで確認してみてください。 　　上記の四角で囲んだ文字列で言うと「sv.senior.ne.jp」がホストの設定名になります。 　　ffftpで、｢NPO情報ネットワークセンターのサーバー｣に作った、｢那須シニア 　　ネットのホームページ｣を眺めてみましょう。 Ⅱ．シャッフルスライドショーの作成 　事前準備：600☓450pxの写真5～10枚（下記事例は7枚で：01.jpg～07.jpg） １．事例 　　烏ヶ森公園で桜を撮影してきました。 ２．フォルダーの作成 　　皆さんの｢My-HP｣の中に｢ShufflePhoto｣等の名前で、フォルダーを作って下さい。 　　更のその中に｢img｣というフォルダーを作り、その中に写真を入れておいて下さい。 3．ダウンロード 　　下記3点をダウンロード(右クリックで名前を付けてリンク先を保存)し、｢ShufflePhoto｣の中へ 　　入れて下さい 　　①main.html　　②shuffle.js　　③index.css ４．写真が7枚の場合は、そのままで働きます 　　写真の枚数が異なる場合は当日説明します Ⅲ．各支部の支部だより担当の方のftp設定方法 　　   2023-03-27　資料作成：三宅　節雄