Skip to content

Commit 304b426

Browse files
committed
update README
1 parent 9fafc43 commit 304b426

File tree

4 files changed

+110
-2
lines changed

4 files changed

+110
-2
lines changed

.gitignore

+3
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
1+
# Built Files
2+
GooglePhotoMarkdowner-darwin-x64
3+
14
# Logs
25
logs
36
*.log

README.md

+105
Original file line numberDiff line numberDiff line change
@@ -2,3 +2,108 @@
22

33
# GooglePhotoMarkdowner
44
GooglePhotoにアップロードした写真を、ブログなどで貼り付けられる形式に変換するアプリです。
5+
6+
7+
8+
## 概要
9+
- Google Photo上の画像への共有リンクを作成し、そのページのOGP画像のリンクを取得
10+
- そのリンクを取得したり、そのリンクを使ってMarkdown記法のリンクやHTML記法のリンクを生成します
11+
- Electronで実装されていますが、アプリ自体は各自でビルドして頂く必要があります
12+
13+
14+
## ビルド方法
15+
16+
17+
`npm`とかが利用可能であることが前提です。
18+
まずはビルドに必要なファイルを`npm`をつかって取得します。
19+
20+
21+
```bash
22+
cd path/to/GooglePhotoMarkdowner/
23+
npm install
24+
cd ./src
25+
npm install
26+
```
27+
28+
29+
`npm run build-macOS`でmacOS向けのバイナリをビルドします。`npm run build-windows`でWindows向けのバイナリも作れるかもしれませんが、試してないのでわかりません。
30+
31+
32+
```bash
33+
cd path/to/GooglePhotoMarkdowner/
34+
npm run build-macOS
35+
```
36+
37+
38+
ビルドが終わると、`GooglePhotoMarkdowner-darwin-x64`というフォルダが作られ、その中にアプリ(`.app`ファイル)があります。それをタブルクリックで起動するか、`open`コマンドで起動します。
39+
40+
41+
```bash
42+
cd path/to/GooglePhotoMarkdowner/
43+
open ./GooglePhotoMarkdowner-darwin-x64/GooglePhotoMarkdowner.app/
44+
```
45+
46+
47+
## 使い方
48+
49+
50+
ブログなどで使いたい写真をGoogle Photoにアップロードします。その写真を開いて、共有ボタンを押します。
51+
52+
53+
![GooglePhotoMarkdowner](https://lh3.googleusercontent.com/_HeT8euOoTY33ik1j7p3sF1x1ADTLnecod3K9it7oiIHb-4Yaujcctnbw57JCTUC5io95AmlE5s431Y1ToyPpQi-fG2qPXyDMMdAo4JmY622Sq9e0SCIBBY3X1Jt8QY0tYNY-E96Gnw=s600 "GooglePhotoMarkdowner")
54+
55+
56+
57+
リンクを取得します。
58+
59+
60+
61+
![GooglePhotoMarkdowner](https://lh3.googleusercontent.com/EvxhT5N-ui4cporNh-JhMISCNarXKYNbLFwqDO-xVHImaaGFyE0kpZNxrag7uQCefWx-S0ZEaQTI1XlDKGGNYdfdDOXsXN5LYdndHH5twlOYvDhSLHwcpk4zr_7_kUG_LlqNq7IzMK8=s600 "GooglePhotoMarkdowner")
62+
63+
64+
65+
生成されたURLをコピーします。
66+
67+
68+
![GooglePhotoMarkdowner](https://lh3.googleusercontent.com/dGWEVWMyk0NgK01FEs7UxST0jV1hPG8s1jYuWGHrDtdsdmjLTuc9sgNlI-4EAjNX2qCNMyniOJsPzxxdwCsEgGiYlFBVWF38hXD7iiFoWnj9eeP-I7tFzgzqjFzqvIaIR4UFXmjx-Lo=s600 "GooglePhotoMarkdowner")
69+
70+
71+
72+
アプリを起動して、URLを貼り付けます。変換ボタンを押すと、種々の文字列を生成します。
73+
74+
75+
76+
![GooglePhotoMarkdowner](https://lh3.googleusercontent.com/K4OTMP2zEZ1q5eYV6PTbOk4yViaRU2iAywzbFSXImru_s8F2cV2G0NQe8JqpjsUeHbBQNc7Bs5rG2ZjhWJl-daB54mrhxNcFfDslXZ7MBpPyI_NsIqORQimrwLht_3Pwuhx918P7x6Y=s600 "GooglePhotoMarkdowner")
77+
78+
79+
80+
Google PhotoへのリンクURLから、下記のような誰でもアクセスできるURLを生成します。
81+
82+
83+
```html
84+
https://lh3.googleusercontent.com/xxxxx=s600
85+
```
86+
87+
88+
また、同時にMarkdown記法の文字列も生成します。
89+
90+
91+
```markdown
92+
![GooglePhotoMarkdowner](https://lh3.googleusercontent.com/xxxxx=s600 "GooglePhotoMarkdowner")
93+
```
94+
95+
96+
念のため、HTML記法の文字列も生成します。
97+
98+
99+
```html
100+
<img src="https://lh3.googleusercontent.com/xxxxx=s600" alt="GooglePhotoMarkdowner" title="GooglePhotoMarkdowner">
101+
```
102+
103+
104+
105+
## その他
106+
107+
- はじめてのElectronなので、よくわかってないです。
108+
- 本当はGoogle PhotoじゃなくてGoogle Photosでした。
109+
- もろもろ許してください。

package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,4 +12,4 @@
1212
"electron": "^2.0.2",
1313
"electron-packager": "^12.1.0"
1414
}
15-
}
15+
}

src/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -7,4 +7,4 @@
77
"jquery": "^3.3.1",
88
"request": "^2.87.0"
99
}
10-
}
10+
}

0 commit comments

Comments
 (0)