Upgrade to Pro — share decks privately, control downloads, hide ads and more …

PHPとかよくわかんない系WEBデザイナーでもShifterでいろいろできたよ! というお話。

Mariko Imamura
May 20, 2020
Design
1
1.4k

PHPとかよくわかんない系WEBデザイナーでもShifterでいろいろできたよ! というお話。

Shifterオンラインミートアップでお話しさせてもらった、WEBデザイナー目線の経験談です。

Mariko Imamura

May 20, 2020
Tweet

More Decks by Mariko Imamura

See All by Mariko Imamura
Shifter Beginners Club2021年活動報告 / ShifterBeginnersClub-2021
mariko_s14ninja
0
540
WordPressは駆け出しデザイナーを救う / WordCamp Japan 2021
mariko_s14ninja
0
150
PHPとかよくわかんない系WEBデザイナーとShifterの2020年
mariko_s14ninja
0
630

Other Decks in Design

See All in Design
ARコンテンツの考え方 - クリエイターでなくても「おもしろい」ARコンテンツを制作したい！
1901drama
PRO
0
170
「書けるようになる」ということ
aguringo
6
15k
Омские улицы — 2022
roudakov
0
250
あつまるデザナレ2022　REALITY登壇資料
choukantan
0
580
DMM.comデザイン部_プロダクトデザイナービジョン
takumasaito
0
430
アバター×仮想空間の進化におけるクリエイティブと技術
cyberagentdevelopers
PRO
1
960
UXA2022 Day 2; Christian Crumlish - Product Management for UX People
uxaustralia
PRO
0
120
"ladybug" storyboard by M Phonesavanh
meganimation
2
170
Together/Apart
damberg
2
160
YOUは何しにそのデザインチームへ？【デザインマネージャー編】RAKSUL編
izumi_junichi
2
790
未来探索型リサーチ「みらいのしごと」
koel
1
110
The Future of Themes: Designing for the Block Editor and Beyond
marktimemedia
0
100

Featured

See All Featured
The Invisible Customer
myddelton
111
11k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
270
12k
GraphQLとの向き合い方2022年版
quramy
18
8.9k
Done Done
chrislema
174
14k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
42
13k
10 Git Anti Patterns You Should be Aware of
lemiorhan
642
53k
How GitHub Uses GitHub to Build GitHub
holman
465
280k
4 Signs Your Business is Dying
shpigford
169
20k
Making the Leap to Tech Lead
cromwellryan
113
7.5k
Web development in the modern age
philhawksworth
197
9.4k
A Philosophy of Restraint
colly
192
15k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
12
970

Transcript

  1. PHPとか よくわかんない系WEBデザイナー でもShifterで いろいろできたよ！ というお話。 　　Sourire web studio 今村真理子

  2. 自己紹介 今村真理子 神戸でフリーランスのWEBデザイナーしてます。 2児のオカンです。 ここ数年はバイクツーリングにハマってます。 デザインして構築して、サイト制作してます。 PHPはおまじないだと思ってます。 @kamesanzzz https://sourire-web-studio.com

  3. こんなのとか

  4. こんなのとか

  5. こんなのとか 作ってます。 ゴテゴテ装飾多めの女性子供向けのデザインが得意です。

  6. デザイナーの Shifter悲喜こもごも話です

  7. 　　わたしのShifterデビュー 前知識ゼロで神戸のミートアップに参加 Shifterは『なんか便利なやつ。らしい。』 という程度の認識でした。

  8. 　　うれしかったポイント WordPress簡単インストールよりも簡単

  9. 　　ハマったポイント 独自ドメインでハマる 定番のやつです お約束のように独自ドメインの登録ができませんでした。

  10. サポートがめっちゃ頼りやすい！早い！ 　　うれしかったポイント

  11. 　　ハマったポイント メールアドレスが使えない Shifterに登録した独自ドメインのメールアドレス、どうしよう。 AWSはちょっとハードルが高い

  12. サイトはShifterへ、 メールはエックスサーバーにDNSを設定 Shifter エックスサーバー 独自ドメイン.com

  13. 　　ハマったポイント ContactForm7が使えない 『WP Serverless Forms』を使いこなせなかった

  14. Googleフォームを入れ込みました Googleフォーム

  15. Generateしないよ！ 　　ハマったポイント

  16. 修正したものの、再度試したGenerateも進まず。 テーマにエラーがあるよ

  17. 古くて更新されてないプラグインを削除 プラグインにもエラーがあるよ

  18. 無事にGenerateできました！

  19. 　この時の学び テーマとプラグインの PHPチェックをきちんとする 『PHP Compatibility Checker』でお手軽チェック。 https://ja.wordpress.org/plugins/php-compatibility-checker/

  20. FTPは使えない プラグインがエラーになったので止めたいんやけど・・・ 　　ハマったポイント

  21. Safe Modeがありました プラグインを全部無効化した状態で無事にログイン。 該当プラグインを削除して めでたしめでたし。 　　うれしかったポイント

  22. 続。FTPは使えない テーマ内の画像差し替えとかcssとかめっちゃ触りたい 　　ハマったポイント

  23. テーマとGitHubの連携 GitHubと連携することで更新ができるプラグイン 『Shifter Github Plugin/Theme Installer』

  24. が、しかし。

  25. Githubの超基本的なことがわかってないと 説明書きの意味がわからない 説明はとっても丁寧に書かれてます。 https://www.digitalcube.jp/shifter/10479/

  26. 例えば

  27. 『.github/workflows/release.yml』 のファイルを自分のリポジトリにコピーして・・・という手順 『ファイルを新規で作ってコピペする』の やり方がわからない

  28. FTPみたいに階層ごとにフォルダを作るのかなー？と思ってやってみたら違うし そもそもフォルダってどうやって作るんやろ？Create fileってフォルダやないよなあ。 どこにコピペしたらええんやろ？？うーん管理画面意味がわからん・・・ ※この時点でアップロードも新規追加も知りません ? ? ? これが初心者です。お恥ずかしい。 一度こころ折れました。Shifter関係ないけど。

  29. その他にも

  30. GitHub Actionsも理解してなかった 動作完了を待つために小休憩することで解決

  31. 最初に更新通知を見た時の感動は 言い表せません めっちゃ達成感。

  32. テーマとGitHubの連携が Shifter最大の難関でした でも、なんとかクリア！

  33. 　実際にサイトを運営してみて Shifter、サイト管理がめっちゃ楽ですね。

  34. セキュリティとか気にしなくていいし。 表示もめっちゃ早い。

  35. トラブった時に サポートに気軽に相談できるという安心感。

  36. デザイナーも、怖がらずに使ってみて欲しい エンジニアじゃなくても使えるよ！

  37. ありがとうございました