ちょぼちょぼですが個人的にNext.jsに触り始めたので今回はアウトプットとしてレンダリング手法について書いていきます。

目次

• SSG (Static Site Generation)
• SSR (Server Side Rendering)
• ISR (Increment Static Regeneration)

SSG (Static Site Generation)

SSGではビルド時にgetStaticPropsという関数が呼ばれ、必要なデータをAPIサーバなどから取得しページを描画します。
描画結果が静的ファイルの形でビルド結果として保存され、クライアントからリクエストがあった場合にはこの生成済みの静的ファイルを返すのみなので初期描画が高速になります。
その後は普通のReactアプリケーション同様APIからデータを取得して動的に描画できます。

※ビルド時にデータの取得を行うので、初期描画で古いデータが表示される可能性があるため、リアルタイム性を求めるようなコンテンツにはあまり適しません。

SSR (Server Side Rendering)

SSRではアクセスがある度サーバーでSSR用の関数であるgetServerSidePropsという関数を呼び出し、データ取得を行います。取得結果のpropsを元にサーバー側でページをレンダリングしてクライアントに返します。
常に最新のデータを元にしてページの初期描画を行うため、リアルタイム性が必要なページではSSRが適しています。

※サーバー側で一定の処理があるため、他の手法と比べると低レイテンシになる可能性があります。

ISR (Increment Static Regeneration)

ISRでは事前にページを生成して配信しつつ、アクセスに応じてページを再度生成して新しいページを配信します。

ページにアクセスがあった場合SSGと似たように予めレンダリングしてあるページのデータをクライアントへ渡しますが、このデータに有効期限を設定できます。
有効期限が切れた状態でアクセスがあった場合、バックグラウンドでgetStaticProps関数の実行とレンダリングを行いサーバーに保存されているページデータを更新します。
その後決められた一定時間内はレンダリングは行われず、生成済みのページデータが返され続けます。このようにすることでサーバー負荷を低減させることができます。
一定時間後にアクセスがあった場合には再度getStaticProps関数が実行され新たなデータでページがレンダリングされます。

※有効期限が切れるだけでgetStaticPropsが実行されるわけではなく、有効期限が切れ、かつアクセスがあった場合にgetStaticPropsが実行され再レンダリングされるので、ある程度のアクセスがあるサービスでないと古いデータばかり表示されることになりかねません。

まとめ

他にもCSR(Crient Side Rendering)がありますがCSRは上記3つのいずれかと組み合わせながら使うことが多いと思うので今回は割愛させていただきました。

• どんなデータを表示するのか
• どのように使用するページなのか
• リアルタイム性が必要なのか

など

考えながら適切なレンダリング手法を選択できるように引き続き学習を進めていきます。

※参考書籍

昨年の夏に、グロービスのクリティカル・シンキングを受講いたしました。
たいへん大きな学びとなり、仕事にも生かすことができています。

それと同時に、改善点が見つかってきました。
目の前のタスクのことしか見えていなくて、タスクができた意味も考えずに言われた通りに修正をおこなう・・・。
もっと視野を広げる必要があると感じました。

今回、望月安迪著『戦略コンサルタントが大事にしている目的ドリブンの思考法』を読みました。

タイトルが気になって書店で手に取りました。

コンサルタントは、クリティカル・シンキングに長けていると考え、どのように思考し、業務に生かしているのか気になったからです。
実際に読んでみて、グロービスで学んだことと同じ考えが書いてありました。
目的ドリブンとありますが、大きな目的だけではなく、すぐに目の前のタスクに生かせそうなことも学びになりました。

その中から、仕事に今すぐ生かしてみたい！と強く思った2点を紹介いたします。

何のためにやっているのか

視野が狭くなる、開発なので開発関係のことしか気にしないでタスクを進めてしまうことの原因は、何のためにその仕事をやっているかという意識が足りなかったからでした。

何のためにやっているのか、について語る章に説得力があると感じたのは、議事録の作成ひとつにも言及していたからです。

たとえば、"何のために"議事録を作成するのか。それは、会議に出た人あるいは出ていない人がその会議の討議内容、決定事項、アクションを確認し、共通認識を得るためだ。
そのことを理解していれば、会議の決定事項やアクション事項を議事録の最上部に持ってくる、討議の内容も大きな話題から詳細な話題に階層化して書き分ける、といった対処ができるようになる。

望月安迪著『戦略コンサルタントが大事にしている目的ドリブンの思考法』

進む会議を追いかけるのに必死で、会議の内容を丸写しな、不要な情報も書かれた自分の議事録はたいへん読みにくかったです。
議事録作成はかなりの頻度で起こるタスクですが、それにもこの本で学んだことを生かすことができますね。

問題の見極め方

該当の章は、最小の労力で最大の成果を出すために、まず問題を見極めることについて解説しています。

・実際に動き出してみると手元の作業は進むので、それにどんどんのめり込む
・「何のためにやってるんだっけ」という思いがふと頭をかすめても、今さらもうやめられない

望月安迪著『戦略コンサルタントが大事にしている目的ドリブンの思考法』

このような経験が多くあったので、ここで語られたことは身に染みました。

テストで、この問題は何をきいているのか線をひいて確認するようにとよく言われたと思います。
解答が質問からずれていると、配点がもらえません。
そして、この章では、アインシュタインの言葉「もし私がある問題を解決するのに1時間を与えられ、それが人生を変えるような大問題だとすると、そのうち55分は自分が正しい問いに答えているかどうかを確認することに費やすだろう」と、紹介されています。

テストと同じように、問題が何なのかを正しく理解することが仕事においても重要です。
クリティカル・シンキングでも、データが増えて情報が増えていくなかで、何度も質問にたちかえって考えていました。
この分析結果は、質問への答えになっているか？と何度も確認していました。

仕事には、早さと、問題に対しての正しさが求められます。
スピードが早くても、結果、完成したものが目的とはずれていたら成果にはなりません。

さいごに

社会人3年目に入る今、このようなビジネス書を読んでよかったと感じています。

今回ブログで書いたことのように、全ての社会人に通じることも書いてあれば、コンサルタントとしての業務についても書いてありました。
目的があるから、目的と現状のギャップがあり、そのギャップが問題になる。
そこを埋められるようなお手伝いをしているそうです。

自分が何のために目の前の仕事を行っているか、意識するのは重要なことです。
しかし、慣れてきてスピードを求めるとついおろそかになってしまいます。

定期的に読み返して、よりよいものを提供できるように業務をこなしていきたいですね。

こんにちは、白久です。
寒さが続いていますが、いかがお過ごしでしょうか。
寒さが苦手な私は、早く冬が終わってほしい今日この頃です。

さて、みなさんは仕事をしているとき、「もっと仕事の効率を高めたい…！」
と思うことはありませんか？

わたしは仕事の効率を上げる近道はタイピングスピードを速くすることだと考えています。
そこで今回はそんな私がタイピングスピードを上げるために、心掛けていることを紹介しようと思います。

目次は下記のとおりです。

• 打ちやすいキーボードを使用する
• ホームポジション(キーボードの配置)を覚える
• 入力が面倒なローマ字は使用しない
• ホームポジションにとらわれない

打ちやすいキーボードを使用する

自分好みのキーボードを使用できるかどうかは環境にもよるかもしれないですが、
打ちやすいキーボードを用意することは家庭菜園で良い土を用意するぐらい重要なので(？)
可能であればある程度こだわることをおすすめします。

必ずしも高級なキーボードである必要はありません。
自分はどのようなキーボードであれば快適にタイピングができるか、把握しておきましょう。

個人的には無線でテンキーがついているメンブレン式(ラバーカップ型)キーボードが好みです。
その他、ＨｏｍｅキーやＥｎｄキーは独立して存在しているか、ctrlキーはどこにあるか、などのキーボードの配列についても重視しています。

キーボードの選び方についてはエレコムさんの記事がおすすめです。

▼キーボードはどんな種類がある？最適なキーボードのおすすめの選び方
https://www.elecom.co.jp/pickup/contents/00056/basic01/

ホームポジション(キーボードの配置)を覚える

キーボード選びができたら、タイピング練習サイトなどを利用して、
キーボードを全く見なくても文字を打ち続けることができるぐらい、
ホームポジションを覚えるようにしましょう。

ちなみにタイピング練習をする際は、下記を意識するといいそうです。

1. 母音のタイピング練習から行う。
   • この際、「う、え、い、あ、お」の順番で入力すると、素早く入力できます。
2. 子音のタイピング練習を行う
   • 打ちやすい指から覚えるとモチベーションが下がらないので、
     人差し指の入力エリア→中指→薬指→小指の順番で覚える

最初はゆっくりでもいいので、まずはキーボードを見ずにタイピングすることを意識しましょう。
キーボードを見ながらのタイピングと比較すると最初はどうしてもスピードは落ちてしまうため、
キーボードを見ながらタイピングすることに慣れている方は特にもどかしさがあるかもしれません。

しかし、キーボードを見ながらタイピングしていては、こえられない壁があるのです。

キーボードではなく、パソコンの画面を見ましょう。

私がタイピング練習をはじめたのは小学生の頃ですが、最初はタッチタイピングができず、好きだったボブ・サップが出演しているタイピング練習のソフトで夢中でタイピング練習をしておりました。

当時、親には「パソコンを触るのは1時間まで！！」と、よく怒られましたが、
今ではこうやって仕事に役立てることができているので、許してほしいと思っています。

さすがにもうそのタイピング練習のソフトは使えないと思うので、
いま練習するのであれば下記のタイピング練習サイトがおすすめです。

おすすめのタイピング練習サイト

入力が面倒なローマ字は使用しない

例えば「つ」「し」「ち」を打つとき、「tsu」「shi」「chi」と入力していませんか？

少しの違いではありますが、この1キーの入力を削減するだけでも積もり積もると地味に効果を実感します。
今日から「tu」「si」「ti」と入力しましょう。

ホームポジションにとらわれない

もちろん、ホームポジションが基本の基本ではありますが、
文字を打つ指はそのシチュエーションによって変えてもいいと思っています。

例えば、弊社のサービスである”らくらくーぽん“の”らくらく”ですが、
通常のホームポジションであれば下記のように打つと思います。

しかし、これだと「ku」と打つ際に中指と人差し指が苦しくないでしょうか？

そのため私は「k」→薬指、「u」→中指で打つようにしています。

また、“ふた”と打つ際はどうでしょうか。
通常はこのように入力すると思います。

これだと人差し指を2回連続で使うこととなり、人によっては少しタイピングしづらく感じます。
そこで「u」を人差し指ではなく中指で打つとさらに早く入力できます。

もしくは「ふ」と打つ際は「ｈ」ではなく、「ｆ」を使うようにするのも良いですね。

このように、ホームポジションにとらわれすぎず、
打ちにくいと感じる単語はホームポジションを崩して入力すると
速さの限界突破ができるのでおすすめです。

基本のホームポジションがアルファベットごとで指の配置を決めているのに対して、
こちらは単語やひらがなごとにホームポジションを決めるようなイメージです。

なお、自分流のホームポジションで打った際も、
その単語を入力した後はホームポジションに戻るようにしましょう。

まとめ

以上、タイピングスピード向上のために心がけていることでした。

少し変化球の提案にはなりますが、
スピード向上のためには他にもいろいろな策があります。

• 街中でみる看板の文字や、聞こえてくる音楽の歌詞をエアタイピングして練習をする
• 複数キーを同時に打つ
• キー配置を自分の好みに変更する

等々…

タイピングスピードを上げるのは地道な努力が必要なので大変ではありますが、
パソコンを使用する仕事をしている方であれば必ず役に立つスキルなので
時間を見つけて練習してみてはいかがでしょうか。

こんにちは、グリニッジの塚部です。　下の子（2才男の子）が最近マイクのおもちゃを持ち、おかあさんといっしょのお兄さんお姉さんのマネをしたり、歌を歌ったりして、最後に「ハクシュちて」と拍手を頻繁に求められるという日々を過ごしております。

タイトルをシンプルに考えるとしておきながら、シンプルに考えるのはむずかしいですよね。自分も日々モヤモヤしたり、迷ったりしてますが、そういう時に立ち返る考え方を本日はご紹介いたします。

①やってよかったことを続ける

何かアクションを起こすと結果が出ると思います。良い結果か悪い結果か、どちらでもないなぁみたいなことも現実では多いかもしれませんが、何かしらの結果はでるはずです。

筋トレでもダイエットでもなんでもいいですが、ジムに通ったり、食事を変えてみたり、その結果、おっ結果でてるじゃんという場合は続けるということです。

②やってよくなかったことはやめる

①の反対ですが、アクションを起こした結果、あまり良い結果が出なかった。どうもシックリきていない。そんなときはやめましょう。

色んなしがらみから、そんな簡単にスパッとやめられらないということも多いかもしれませんが、やってみてよくなかったと感じていることを続ける方がネガティブであり、マイナス行為なので、どうしたらやめられるかを考えて、そのために動いていきましょう。

自分だけのことであれば、すぐに動けてもチームで動いたりするとむずかしいですよね。しかし、そこは勇気のみせどころなので、先陣を切ってやめる方向で。

③新しいことを始める

やってよかったことは続けて、よくなかったことはやめて、その次は新しいことを始めるです。

今やっていることで上手くいかない時は、新しいことを始めるという選択肢しかないわけなので、①と②のチェックが終わったら、新しいことを始めてみましょう。

新しく始めたことも、いずれは続けるか、やめるかのどちらかになるので、この３つをシンプルに回すことが大切です。

まとめ

複雑に考えたりするときは、シンプルにこの３つに少し強引にでも当てはめてみましょう。

実はやめないといけないと分かっているけどやめられないということが多いのかなと思います。

そんな時は、何がボトルネックになっているのかを考えて、それを取り除くことに注力する。

言うは易く行うは難しですが、自分もシンプル考えて行動していきたいと思います。

日本人にとって、一年で一番大切な行事はお正月でしょうか。
ベトナムでは、新暦の正月も祝いますが、ベトナム人にとって旧暦(太陰暦)の正月が一番大切な行事です。ベトナムの旧正月のことを「テト」といいます。今年のテトは1月22日になります。
ちなみにベトナムにも、十二支があります。しかし、日本や中国とは少し違って、今年はうさぎではなく猫の年です。
今回の記事では、ベトナムのテトの様子を伝えたいと思います。

1. テト前の準備

1.1 家の掃除

日本の年末大掃除と同様です。
旧年の不運はゴミや汚い物と一緒に捨てて、新鮮な環境にすることで、新年の幸運を迎えられると言われています。

1.2 忘年会

お正月の前に、日本のような忘年会もあります。日本の忘年会は、友人や職場の人と集うイメージがありますが、ベトナムでは家族や親戚が集うイメージです。
ベトナム人はどこにいても、テト前の忘年会には帰省したいと思っています。

1.3　花を飾る

テトでは家に花を飾ります。北部ではピンクの桃の花が、中部と南部では黄色のマイという花が代表的です。また、この時期はベトナム各地で花市が開催され、街中が花を買う人や売る人であふれかえります。

2．テトによく食べる料理

地方により、料理が違いますが、一般的にどの家庭でも食べられているおせち料理は下記のものです。

2.1 バン・チュン (Bánh Chưng)・バン・テット(Bánh Tét)

ベトナムの代表的な「おせち料理」は北部の四角いバンチュンと南部の円筒状の包まれるバンテットです。どちらももち米、緑豆、豚肉から作られ、バナナの木の葉に包んで、サイズによって3時間から12時間ゆっくり煮込みます。

2.2 卵と豚角煮（Thịt kho trứng)

豚肉と卵を一緒にじっくり煮込むことで、中まで味が染み込むのがこの料理の特徴です。
お正月以外でもよく作られる料理ですが、テトの「おせち料理」として特に南部の方は欠かせない一品です。
他には、「揚げ春巻き」(nem rán)、「おこわ」(xôi)、「ハム」(giò)もテトによく食べられる料理です。

3．テトの過ごし方

大晦日の夜、日本は紅白歌合戦番組がありますが、ベトナムでは毎年放送している喜劇番組があります。喜劇の内容は一年の振り返りをして、新年を迎える内容です。
尚、先祖が家族と一緒にテトを楽しむために、大晦日に先祖を迎える儀式を行い、3日に天国に送ります。
また、ベトナムにも「初詣」という習慣があります。近くのお寺に行って、一年の健康や仕事や運気など様々なことを祈ります。

テト元旦には、家族にお年玉をあげたり、お祝いの言葉を伝えます。また、親戚の家族や知り合いの家族に「挨拶まわり」の習慣があり、親戚が多い人は一日10軒以上挨拶まわりをすることもあります。

4．最後に

ベトナムのテトについて、ご紹介しました。日本との共通点が多いと思います。
今後もベトナムのことについて、またご紹介したいと思います。