1 of 60

Think like google search

搜尋引擎的使用思維與技巧

Shanpig Liao

2 of 60

Who am I ?

Hahow for Business・Junior F2E

(2021 / 8 / 15 ~ )

AppWorks School #13・F2E

(2021 / 2 / 22 ~ 2021 / 7 / 14)

NTU・Apartment of Chem.

(2016 / 9 ~ 2020 / 6)

Shanpig ?

山豬 ?

David ?

3 of 60

Everyone searches

How to get date in Javascript

How to get date in Javascript

4 of 60

Efficiency

5 of 60

How ?

1.

2.

3.

1.

2.

3.

尋找關鍵字

搜尋引擎的根源:關鍵字搜尋

縮放範圍

利用關鍵字,過濾無用資訊

跳躍思考

跳脫既有思緒的框架

6 of 60

問題

嗨 我想問問在 vue3 環境開發中,dev 和 production 的 image 和 font path 在 server 上會是不同的。

在開發中,我們能怎樣處理這一塊呀?在 image path 我有想到 我能用 NODE_ENV 然後在 html img tag 裡做 condition ...

7 of 60

尋找關鍵字

1

1

Google search 的 關鍵 在於:關鍵字

8 of 60

尋找關鍵字

嗨 我想問問在 vue3 環境開發中,dev 和 production 的 image 和 font path 在 server 上會是不同的。

在開發中,我們能怎樣處理這一塊呀?在 image path 我有想到 我能用 NODE_ENV 然後在 html img tag 裡做 condition ...

旁聽 ing

9 of 60

尋找關鍵字

問題背景:vue 3

問題核心:dev, production 不同

問題對象:image path / font path

10 of 60

縮放範圍

2

不能看太近,不能看太遠

11 of 60

縮放範圍

不同的角度,不同的範圍

  • Vue 是重點嗎?

  • Production vs development?

  • How is path handled ?

Image path dev production

vue production vs development

vue file path, vue static assets

12 of 60

縮放範圍

後設學習(meta-learning):從各種角度檢視,找出問題的來源

  • Is it because we don’t know Vue ?
  • Is it because we don’t know server ?
  • Is it because we don’t know environment handling?
  • etc

13 of 60

14 of 60

跳躍思考

3

如果嘗試 100 次不行

那你不應該嘗試第 101 次

而是思考第一次為什麼不行

15 of 60

跳躍思考

16 of 60

跳躍思考

  • Do you really need dev & production ?
  • Packages for handling environment management ?
  • Company best practices ?
  • Methods other than ENV_VAR managing ?
  • … maybe, make one by yourself ?

17 of 60

recap

尋找關鍵字

先搞懂關鍵字吧!

縮放範圍

關鍵字的排列組合

增加與省略

跳躍思考

轉個念頭,換個方向

18 of 60

小彩蛋

Fun facts

19 of 60

Google search operators

20 of 60

You can't connect the dots looking forward; you can only connect them looking backwards.

4.

- Steve Jobs

留意過程

沿途的風景比終點重要

21 of 60

Thank you !

May the force (of google) be with you.

CREDITS: This presentation template was created by Slidesgo, including icons by Flaticon, and infographics & images by Freepik

22 of 60

01

SECTION

You could enter a subtitle here if you need it

23 of 60

ABOUT THE PROJECT

Despite being red, Mars is a cold place

MARS

Jupiter is a gas giant and the biggest one

JUPITER

Neptune is the farthest planet from the Sun

NEPTUNE

Saturn is composed mostly of hydrogen

SATURN

24 of 60

This is a quote. Words full of wisdom that someone important said and can make the reader get inspired

-SOMEONE FAMOUS

25 of 60

PROJECT PROPOSAL

JUPITER

MERCURY

Mercury is the closest planet to the Sun

Jupiter is a gas giant and the biggest planet

VENUS

Venus has a beautiful name

MARS

Despite being red, Mars is a cold place

SATURN

Saturn is composed mostly of hydrogen

NEPTUNE

Neptune is the farthest planet from the Sun

26 of 60

PROJECT SCHEDULE

Jan. 1 - Feb. 28

Jan. 1 - Jan. 31

Feb. 1 - Mar. 31

PHASE 1

Task 1

Task 2

JAN

FEB

MAR

APR

MAY

JUN

27 of 60

CHECKLIST

OPTION A

OPTION B

OPTION C

OPTION D

Task 1

Task 2

Task 3

Task 4

28 of 60

PROJECT TIMELINE

1

2

3

4

MERCURY

Mercury is the closest planet to the Sun

MARS

Despite being red, Mars is actually a cold place

JUPITER

Jupiter is the biggest planet in the Solar System

VENUS

Venus has a beautiful name, but it’s terribly hot

29 of 60

FEATURED PROJECTS

NEPTUNE

Neptune is the farthest planet from the Sun

VENUS

Venus has a beautiful name, but it’s terribly hot

30 of 60

80%

Big numbers catch your audience’s attention

31 of 60

A Picture Is Worth a Thousand Words

32 of 60

KPI DASHBOARD

TASK 2

TASK 1

TASK 3

If you want to modify this graph, click on it, follow the link, change the data and replace it

33 of 60

OUR NUMBERS

50%

35%

25%

65%

MARS

Despite being red, Mars is a cold place

JUPITER

Jupiter is a gas giant and the biggest one

VENUS

Venus has a beautiful name

NEPTUNE

Neptune is the farthest planet

34 of 60

STATUS REPORT

BUDGET

RISKS

ISSUES

BENEFITS

The project schedule is on track

Resourcing is adequate

Project is within budget

All project risks are under control

Project issues need to be solved

Project benefits do not meet the expectations

RESOURCING

SCHEDULE

35 of 60

RAID SUMMARY

RISK

Despite being red, Mars is a cold place

ISSUES

Venus has a beautiful name, but it’s terribly hot

ASSUMPTIONS

Mercury is the closest planet to the Sun

DEPENDENCIES

Jupiter is the biggest planet in the Solar System

36 of 60

WHERE WE ARE

WHERE WE WANT TO BE

Mercury is the closest planet to the Sun and the smallest one

Venus has a beautiful name, but it’s very hot

37 of 60

BUDGET

MARS

Despite being red, Mars is a cold place

VENUS

Venus has a beautiful name

If you want to modify this graph, click on it, follow the link, change the data and replace it

38 of 60

SNEAK PEEK

Neptune is the farthest planet in the Solar System. It’s the fourth-largest by diameter and the densest

39 of 60

UPCOMING EVENTS

Despite being red, Mars is actually a cold place

VENUS

Venus has a beautiful name, but it’s terribly hot

MARS

FEB

APR

23

14

40 of 60

PLACES WHERE WE ARE

Task 1

Task 2

Task 3

41 of 60

THANKS

Do you have any questions?

youremail@freepik.com

+91 620 421 838

yourcompany.com

Please keep this slide for attribution

CREDITS: This presentation template was created by Slidesgo, including icons by Flaticon, and infographics & images by Freepik

42 of 60

ALTERNATIVE RESOURCES

Here’s an assortment of alternative pictures within the same style of this template.

43 of 60

RESOURCES

Did you like the resources on this template? Get them for free at our other websites.

VECTORS

PHOTOGRAPHY

44 of 60

Instructions for use

In order to use this template, you must credit Slidesgo by keeping the Thanks slide.

You are allowed to:

- Modify this template.

- Use it for both personal and commercial projects.

You are not allowed to:

- Sublicense, sell or rent any of Slidesgo Content (or a modified version of Slidesgo Content).

- Distribute Slidesgo Content unless it has been expressly authorized by Slidesgo.

- Include Slidesgo Content in an online or offline database or file.

- Offer Slidesgo templates (or modified versions of Slidesgo templates) for download.

- Acquire the copyright of Slidesgo Content.

For more information about editing slides, please read our FAQs:

https://slidesgo.com/faqs

45 of 60

Fonts & colors used

This presentation has been made using the following fonts:

Montserrat

(https://fonts.google.com/specimen/Montserrat)

#75c4c0

#27316f

#ffc800

46 of 60

Stories by Freepik

Create your Story with our illustrated concepts. Choose the style you like the most, edit its colors, pick the background and layers you want to be visible and bring them to life with the animator panel. It will boost your presentation for sure! Check out how it works.

47 of 60

Use our editable graphic resources...

You can easily resize these resources without losing quality. To change the color, just ungroup the resource and click on the object you want to change. Then, click on the paint bucket and select the color you want. Group the resource again when you’re done. You can also look for more infographics on Slidesgo.

48 of 60

49 of 60

50 of 60

51 of 60

JANUARY

FEBRUARY

MARCH

APRIL

PHASE 1

Task 1

Task 2

JANUARY

FEBRUARY

MARCH

APRIL

MAY

JUNE

PHASE 1

PHASE 2

Task 1

Task 2

Task 1

Task 2

52 of 60

53 of 60

...and our sets of editable icons

You can resize these icons without losing quality.

You can change the stroke and fill color; just select the icon and click on the paint bucket/pen.

In Google Slides, you can also use Flaticon’s extension, allowing you to customize and add even more icons.

54 of 60

Educational Icons

Medical Icons

55 of 60

Business Icons

Teamwork Icons

56 of 60

Help & Support Icons

Avatar Icons

57 of 60

Creative Process Icons

Performing Arts Icons

58 of 60

Nature Icons

59 of 60

SEO & Marketing Icons

60 of 60