-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
353 lines (254 loc) · 13.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
<!DOCTYPE html>
<html><head>
<meta name="generator" content="Hugo 0.102.3" />
<meta lang="ja">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="seiichi3141" />
<meta name="description" content="プログラミングやFlutter関連の情報" />
<meta name="keywords" content="プログラミング,Flutter,Dart">
<title>健康優良不良プログラマ</title>
<link rel="stylesheet" href="https://blog.seiichirou.jp/sass/main.css" />
<link href="http://fonts.googleapis.com/earlyaccess/notosansjp.css">
<link href="https://use.fontawesome.com/releases/v5.9.0/css/all.css" rel="stylesheet">
<link href="https://blog.seiichirou.jp/css/syntax.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap" rel="stylesheet">
<meta name="google-site-verification" content="hSHRu1AofaNfP4SrnmMHbbG0VYL9D17LOFaRnoUxCjc" />
<script async src="https://www.googletagmanager.com/gtag/js?id=G-RP80Q2EE1S"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-RP80Q2EE1S');
</script>
</head><body><header class="bg-dark">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark pr-0 pl-0">
<a class="navbar-brand font-weight-bold" href="/">
<i class="fas fa-blog text-light d-inline-block align-top lead mr-3"></i>健康優良不良プログラマ
</a>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="/portfolio">ポートフォリオ</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/apps/aozora/home">Yom!青空文庫</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/apps/cube_lbl_memo/home">CFOP</a>
</li>
</ul>
</div>
<div><a href="https://github.com/seiichi3141"><i class="fab fa-lg fa-github text-light mr-2"></i></a>
<a href="https://www.facebook.com/seiichirou.tanaka"><i class="fab fa-lg fa-facebook text-light mr-2"></i></a>
<a href="https://twitter.com/seiichi3141"><i class="fab fa-lg fa-twitter text-light mr-2"></i></a>
<a href="https://www.instagram.com/seiichi3141"><i class="fab fa-lg fa-instagram text-light"></i></a></div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</nav>
</div>
</header><main role="main">
<div class="container">
<div class="pt-2"><ul class="categories nav nav-pills justify-content-center small">
<li class="nav-item">
<a class="nav-link active" href="/">All</a>
</li>
<li class="nav-item ml-1">
<a class="nav-link text-muted"
href="https://blog.seiichirou.jp/categories/flutter/">Flutter</a>
</li>
<li class="nav-item ml-1">
<a class="nav-link text-muted"
href="https://blog.seiichirou.jp/categories/cfop/">Cfop</a>
</li>
<li class="nav-item ml-1">
<a class="nav-link text-muted"
href="https://blog.seiichirou.jp/categories/yom%E9%9D%92%E7%A9%BA%E6%96%87%E5%BA%AB/">Yom!青空文庫</a>
</li>
</ul></div>
<article class="pt-2">
<section>
<div class="card-columns">
<div class="card">
<img class="card-img-top border-bottom" src="https://blog.seiichirou.jp/img/flutter_logo.png" alt="Riverpodならアプリのスクリーンショットも楽になるかも">
<div class="card-body">
<div class="d-flex justify-content-between">
<p class="card-text small mb-1">
<i class="fas fa-folder mr-1 text-muted"></i>
<span>Flutter</span>
</p>
<span class="small text-muted">2020/12/20</span>
</div>
<h5 class="card-title font-weight-bold">Riverpodならアプリのスクリーンショットも楽になるかも</h5>
<p class="card-text small sumarry">次世代のProviderだと何かと話題のRiverpodに手を出しました。すっかり気に入って自作のアプリは全てRiverpodに書き換えてし</p>
</div>
<a href="https://blog.seiichirou.jp/posts/auto_screenshot/" class="stretched-link"></a>
</div><div class="card">
<img class="card-img-top border-bottom" src="https://blog.seiichirou.jp/img/flutter_logo.png" alt="Flutterとstate_notifierとfreezedで作るTodoアプリ">
<div class="card-body">
<div class="d-flex justify-content-between">
<p class="card-text small mb-1">
<i class="fas fa-folder mr-1 text-muted"></i>
<span>Flutter</span>
</p>
<span class="small text-muted">2020/06/10</span>
</div>
<h5 class="card-title font-weight-bold">Flutterとstate_notifierとfreezedで作るTodoアプリ</h5>
<p class="card-text small sumarry">今まではflutter_blocを使っていたんですが、state_notifierとfreezedのコンボでだいぶ記述量が減ると知って試して</p>
</div>
<a href="https://blog.seiichirou.jp/posts/state_notifier_todo/" class="stretched-link"></a>
</div><div class="card">
<img class="card-img-top border-bottom" src="https://blog.seiichirou.jp/apps/cube_lbl_memo/feature.png" alt="CFOPメソッドメモ">
<div class="card-body">
<div class="d-flex justify-content-between">
<p class="card-text small mb-1">
<i class="fas fa-folder mr-1 text-muted"></i>
<span>CFOP</span>
</p>
<span class="small text-muted">2020/05/19</span>
</div>
<h5 class="card-title font-weight-bold">CFOPメソッドメモ</h5>
<p class="card-text small sumarry"></p>
</div>
<a href="https://blog.seiichirou.jp/apps/cube_lbl_memo/home/" class="stretched-link"></a>
</div><div class="card">
<img class="card-img-top border-bottom" src="https://blog.seiichirou.jp/apps/cube_lbl_memo/feature.png" alt="CFOPメソッドメモ プライバシーポリシー">
<div class="card-body">
<div class="d-flex justify-content-between">
<p class="card-text small mb-1">
<i class="fas fa-folder mr-1 text-muted"></i>
<span>CFOP</span>
</p>
<span class="small text-muted">2020/05/19</span>
</div>
<h5 class="card-title font-weight-bold">CFOPメソッドメモ プライバシーポリシー</h5>
<p class="card-text small sumarry">広告について 本アプリでは、広告配信ツールとしてAdMob(Google Inc.)を使用しており、AdMobがご利用者の情報を自動取得する場合</p>
</div>
<a href="https://blog.seiichirou.jp/apps/cube_lbl_memo/privacypolicy/" class="stretched-link"></a>
</div><div class="card">
<img class="card-img-top border-bottom" src="https://blog.seiichirou.jp/apps/aozora/feature.png" alt="Yom!青空文庫">
<div class="card-body">
<div class="d-flex justify-content-between">
<p class="card-text small mb-1">
<i class="fas fa-folder mr-1 text-muted"></i>
<span>Yom!青空文庫</span>
</p>
<span class="small text-muted">2020/05/19</span>
</div>
<h5 class="card-title font-weight-bold">Yom!青空文庫</h5>
<p class="card-text small sumarry"></p>
</div>
<a href="https://blog.seiichirou.jp/apps/aozora/home/" class="stretched-link"></a>
</div><div class="card">
<img class="card-img-top border-bottom" src="https://blog.seiichirou.jp/apps/aozora/feature.png" alt="Yom!青空文庫 利用規約・プライバシーポリシー">
<div class="card-body">
<div class="d-flex justify-content-between">
<p class="card-text small mb-1">
<i class="fas fa-folder mr-1 text-muted"></i>
<span>Yom!青空文庫</span>
</p>
<span class="small text-muted">2020/05/19</span>
</div>
<h5 class="card-title font-weight-bold">Yom!青空文庫 利用規約・プライバシーポリシー</h5>
<p class="card-text small sumarry">Yom!青空文庫 利用規約・プライバシーポリシー 利用規約 第 1 条（適用） 本利用規約は、モバイルアプリ「Yom!青空文庫」（以下「本アプリ」といい</p>
</div>
<a href="https://blog.seiichirou.jp/apps/aozora/privacypolicy/" class="stretched-link"></a>
</div><div class="card">
<img class="card-img-top border-bottom" src="https://blog.seiichirou.jp/img/flutter_logo.png" alt="Flutter for WebをGithubのProject Pagesで公開する">
<div class="card-body">
<div class="d-flex justify-content-between">
<p class="card-text small mb-1">
<i class="fas fa-folder mr-1 text-muted"></i>
<span>Flutter</span>
</p>
<span class="small text-muted">2019/10/07</span>
</div>
<h5 class="card-title font-weight-bold">Flutter for WebをGithubのProject Pagesで公開する</h5>
<p class="card-text small sumarry">Flutterのバージョン1.9からFlutter for Webを正式にサポートしたのでGithubのProject Pagesで公開してみたい。F</p>
</div>
<a href="https://blog.seiichirou.jp/posts/flutter-web-github/" class="stretched-link"></a>
</div><div class="card">
<img class="card-img-top border-bottom" src="https://blog.seiichirou.jp/img/dynamic_theme.png" alt="FlutterのThemeを動的に変更する">
<div class="card-body">
<div class="d-flex justify-content-between">
<p class="card-text small mb-1">
<i class="fas fa-folder mr-1 text-muted"></i>
<span>Flutter</span>
</p>
<span class="small text-muted">2019/10/04</span>
</div>
<h5 class="card-title font-weight-bold">FlutterのThemeを動的に変更する</h5>
<p class="card-text small sumarry">Flutterにはアプリ全体のカラーリングを設定できるThemeWidgetがある。 基本的な使い方はMaterialAppのthemeに自作</p>
</div>
<a href="https://blog.seiichirou.jp/posts/dynamic-theme/" class="stretched-link"></a>
</div><div class="card">
<img class="card-img-top border-bottom" src="https://blog.seiichirou.jp/img/appbar_widget_gradient.png" alt="AppBarの背景をグラデーションにする">
<div class="card-body">
<div class="d-flex justify-content-between">
<p class="card-text small mb-1">
<i class="fas fa-folder mr-1 text-muted"></i>
<span>Flutter</span>
</p>
<span class="small text-muted">2019/10/03</span>
</div>
<h5 class="card-title font-weight-bold">AppBarの背景をグラデーションにする</h5>
<p class="card-text small sumarry">AppBarでは背景色を指定できるが、それにグラデーションを効かせたい。しかし、AppBarのcolorにはGradientを設定できないの</p>
</div>
<a href="https://blog.seiichirou.jp/posts/appbar-widget-gradient/" class="stretched-link"></a>
</div><div class="card">
<img class="card-img-top border-bottom" src="https://blog.seiichirou.jp/img/column_widget.png" alt="Column Widgetの使い方">
<div class="card-body">
<div class="d-flex justify-content-between">
<p class="card-text small mb-1">
<i class="fas fa-folder mr-1 text-muted"></i>
<span>Flutter</span>
</p>
<span class="small text-muted">2019/10/02</span>
</div>
<h5 class="card-title font-weight-bold">Column Widgetの使い方</h5>
<p class="card-text small sumarry">子Widgetを垂直方向に並べるWidget。 利用可能なスペースを埋めるためには子WidgetをExpandedでラップする。Columnは</p>
</div>
<a href="https://blog.seiichirou.jp/posts/column-widget/" class="stretched-link"></a>
</div><div class="card">
<img class="card-img-top border-bottom" src="https://blog.seiichirou.jp/img/appbar_widget.png" alt="AppBar Widgetの使い方">
<div class="card-body">
<div class="d-flex justify-content-between">
<p class="card-text small mb-1">
<i class="fas fa-folder mr-1 text-muted"></i>
<span>Flutter</span>
</p>
<span class="small text-muted">2019/10/01</span>
</div>
<h5 class="card-title font-weight-bold">AppBar Widgetの使い方</h5>
<p class="card-text small sumarry">マテリアルデザインのアプリバーを実装するためのWidget。アプリバーは基本的なツールバーと、場合によってはTabBarやFlexibleS</p>
</div>
<a href="https://blog.seiichirou.jp/posts/appbar-widget/" class="stretched-link"></a>
</div>
</div>
</section>
</article><footer>
<div class="container mb-5">
<small>
<ul class="nav justify-content-center">
<li class="nav-item"><a class="nav-link text-muted" href="https://twitter.com/seiichi3141">seiichi3141@</a></li>
<li class="nav-item"><a class="nav-link text-muted" href="https://blog.seiichirou.jp/en/">English</a></li>
</ul>
</small>
</div>
</footer>
</div>
</main>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
</body>
</html>