初めまして、momoです。
ツイッター(@momokatusan)です。
プログラミング初心者が、在宅フリーランスを目指すブログです。
MacBookも初心者、WordPressも初心者、そしてプログラミングも初心者、全てが初心者ですがどこまでできるか試してみたいと思います。
4.5ヶ月経ったのでブログをアップします。
今までの学習報告はこちら↓
【過去の学習報告】↓
進捗報告(2020/2/1〜2/15)
実績
期間 | 2020/2/1〜2/15 |
時間(合計):学習 | 2.0(143.5) |
時間(合計):補足 | 13.0(95.0) |
振り返り
この半月はレッスンは進んでいません。
その代わり初めてのアウトプットをしました。
少し気持ちも前向きになれたので、これからアウトプットをしていこうと思います。
ペースはとても遅いですが一歩ずつ前進していきます。
学んだこと
アウトプット
前回の記事(No.8)でアウトプットの旅に出掛けることにした私。
まずはHTML・CSSで初めてのアウトプットをしました。
と言っても、何も見ないで1から作ることはできていません。
これはアウトプットと呼ばないのかもしれませんね。
ですが私の中でアウトプットへの不安が少し改善され、これから色々作ってみたい気持ちになりました。
WEBページ全体をフルスクリーンショット
自分が作成したportfolioなどの全体を画像コピーする方法です。
- command + option + I or F12(開発ツール)
- command + shift + P(詳細機能)
- 「full」を入力 + return (全体スクショ)
WordPressに自作ファイルを設定する方法
上記のように自作したportfolioを画像コピーするのではなく、私もみなさんがやっているみたいに、WordPressに自作したファイル(index.html、style.css、imagesフォルダなど)をアップしたいと思いチャレンジしてみました。
必要なことはレンタルサーバーの設定とファイル転送ソフトの設定です。
私の場合はレンタルサーバーはエックスサーバーでファイル転送ソフトはFileZillaを使いました。
その方法をFTP設定と言いますが、セキュリティにもっと強いのがSFTP設定です。
まずFTP設定を試してみましたが、意味がわからず助けを求めてツイッターでツイートしてみました。
優しい人達は沢山いるのですね。
お蔭様で無事設定ができました。
どうもありがとうございました♪
みんなポートフォリオを自分のサイトにアップしてるけれど、私もこれをやりたい!
きっとレンタルサーバーのFTP設定が必要なんだよね?
もしかしてウェブカツのwordpress部でこういう内容あったりする?
今WEBサ部で壁にぶつかり中で先に進めていない😣
— もも🍑Webのわくわくさん (@momokatusan) February 10, 2020
自分のサイト(WordPress)に自作ファイル(index.html、style.css、imagesフォルダ)をFTPソフト(Filezilla)を使って表示はできた。
その代わり自分の元記事が表示されなくなった。
今日帰宅したらここを解明するぞ✨
— もも🍑Webのわくわくさん (@momokatusan) February 12, 2020
プログラミングと言えば【サルワカさん】です。
こちらのサイトもとても見やすくてわかりやすかったです。↓
翌日セキュリティ強化のためSFTP設定を行いました。
前回苦戦したのでスムーズにできました。
こちらのわかりやすいサイト通りでできました。↓
【番外編】
下記のようにFileZillaの設定をしていたとき、リモートサイト画面(右)が真っ白になりました。
あ〜終わった。
今まで書いてきたブログが消えた。
と思っていましたが、
単純に【サーバーから切断ボタン】を押しただけでした。
消えていなくて良かった〜。
このようなこともあるのでアイコンの説明は見た方がいいですね。
FileZillaでローカルサイトからリモートサイトへportfolioフォルダ(imageフォルダ、index.html、style.css)を「../ドメイン名/public_html/」ドラックドロップしました。元に戻そうと思い不要だったので、下図、左から2番目のアイコンを押したらリモートサイトが空欄になりました。
→続 pic.twitter.com/IeNTXj7PPE— もも🍑Webのわくわくさん (@momokatusan) February 12, 2020
お役立ちサイト
お役立ちサイトはこちら→ フリーランス
便利機能(ショートカットキーなど)
ショートカットキーやパソコンの便利機能などをまとめました。
さいごに
とても励みになるツイートを発見!
プログラミング学習、私頑張る!
励みになります✨ https://t.co/oegdgaR7hu
— もも🍑Webのわくわくさん (@momokatusan) February 8, 2020
次のプログアップまでにはLP(ライディングページ)を作ってみようと思います。