実際Nuxt.jsとExpressでどうやってSSRやるか理解してましたか？自分はよくわかってなかったです【解説】 - Qiita
実際Nuxt.jsとExpressでどうやってSSRやるか理解してましたか？自分はよくわかってなかったです【解説】ExpressVue.jsFirebaseFirebaseCloudFunctionsNuxt 最近は、 Firebase Cloud Functions（Node v8）：バックエンド処理 Nuxt.js：JSフレームワーク Firebase Hosting：css, jsファイルなど静的ファイル Cloudinary：画像等メディアファイル が爆速でWebアプリケーションを開発する最適解だと考えているのですがどうでしょう？ 自分が最初Firebase x Nuxt.jsで開発を始めた際、なかなか理解できなかったのが、 Nuxt.jsとExpressがどう繋がっているのかということでした。 Express(Firebase Cloud Functions)で受けて、どうやって
テレワークで仕事がなくなった管理職に警戒せよ、「反革命」をたくらんでいるぞ
日本でも大企業を中心にテレワークがすっかり定着したかのようだ。新型コロナウイルス禍に伴う緊急事態宣言が解除されてしばらくたつが、今もなお全社員を対象にテレワークを続ける企業は多い。テレワーク導入の際にはVPN（仮想私設網）などのインフラ整備ができていないなど、いろいろとトホホな話があったが、今は率直に「やればできるじゃん」と褒めてあげよう。 ただ当然と言えば当然だが、企業によってはテレワークから通常勤務に巻き戻す動きも出ている。「社員がテレワークを希望するなら続けてよし」という前置きがあって「可能ならオフィスに出てこい」と続けるのであれば構わないだろう。実は私も「自宅では仕事をしたくない」派なので、オフィスでもどこでも各人の判断で働く場所を決められるのは大歓迎だ。それこそが「多様な働き方」というものだ。 問題は「テレワークは新型コロナ禍での緊急避難策だったので、そのリスクが下がった以上、全
2020 年の Chromium のブラウザ互換性の改善について
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
【速報】壮大/妖艶/美しい 渋谷PARCOスペイン坂広場の全長7mの巨大セクシーロボットの写真と動画を公開 空山基氏デザイン - ロボスタ ロボスタ - ロボット情報WEBマガジン
渋谷パルコのPARCO MUSEUM TOKYOにて、7月4日(土)より『GLOBAL POP UNDERGROUND』の開催がはじまった。グローバルで活躍するアーティストセレクション総勢21名の作品による、Undergroundを切り口に再構成したグループ展は必見だ。
図解 X.509 証明書 - Qiita
はじめに X.509 証明書について解説します。(English version is here → "Illustrated X.509 Certificate") ※ この記事は 2020 年 7 月 1 日にオンラインで開催された Authlete 社主催の『OAuth/OIDC 勉強会【クライアント認証編】』の一部を文書化したものです。勉強会の動画は公開しており、X.509 証明書については『#4 X.509 証明書（１）』と『#5 X.509 証明書（２）』で解説しているので、動画解説のほうがお好みであればそちらをご参照ください。 1. デジタル署名（前提知識） この記事を読んでいただくにあたり、デジタル署名に関する知識が必要となります。つまり、「秘密鍵を用いて生成された署名を公開鍵で検証することにより」、「対象データが改竄されていないこと」や「秘密鍵の保持者が確かに署名したこと
パク・チャヌク監督はなぜ『すごいよ!! マサルさん』の映画化を考えたのか。韓国のSF作家・サブカルチャー批評家が韓国での『マサルさん』受容を解説
『JSA』『お嬢さん』などで知られる韓国の映画監督パク・チャヌク。彼は2003年、日本の漫画を原作とする映画『オールド・ボーイ』を制作したが、同時期にギャグ漫画『セクシーコマンドー外伝 すごいよ!!マサルさん』（うすた京介）の映画化を考えたこともあったという。 このまとめでは、この監督の発言の背景として知っておきたい韓国での『すごいよ!!マサルさん』の受容のされ方についてまとめている。韓国での受容についてツイートしているのは、韓国のSF作家でサブカルチャー批評家でもあるソン・ジサン氏である。 またそこから派生した、韓国における「笑い」「ボケとツッコミ」などの話題もまとめている。合わせて、ソン・ジサン氏の主な著作（現時点では邦訳なし）の紹介も入れた。【2020年7月6日】
Nuxt.js with TypeScript and Composition API - Qiita
はじめに この記事は Nuxt.js Advent Calendar 2019 6日目の記事です。 皆さん、Composition API 使ってますか？ Composition API は現在開発中で、2020年1Qにもリリース予定の Vue.js 3.0 からデフォルトで搭載されることになっている新しいコンポーネントの実装方法です。Composition API を使うことで、散らかりがちだった実装を一箇所に固めることができたり、今まで組み合わせにくかった TypeScript との連携が比較的やりやすくなったりします。Vue.js 2.x にもプラグインとして導入すれば今すぐ使い始めることができるようになっています。 この記事では、その Composition API を Nuxt.js に導入し、さらに TypeScript を使ってなるべく1型の力を借りて型安全なフロントエンドを
プログラミングをする必要がなくなった後に人間に何が残るのか？ - YAMDAS現更新履歴
あらかじめお断りしておくが、以下、ほぼ妄想に基づくポエムである。 note.com 先月話題になったブログエントリであり、ワタシも読んでいて、自分が書いた「次世代のプログラミングツール、未来のプログラミング言語の方向性について」と「未来のプログラミングについて再考（機械学習とソフトウェア2.0、配管工プログラマ、オープンソースでは十分でない？）」との議論の近さを感じていたら、ちゃんと引き合いに出されていてありがたく思った。 たまたまだが、これが公開された数日後に AWS のノーコードツール Amazon Honeycode が発表され、俄かに「ノーコード」が話題になった。 aws.amazon.com jp.techcrunch.com jp.techcrunch.com 個人的には、このプロジェクトの紹介動画にでてきたのが、VA Linux の創業者にして、オープンソースバブル期（佐渡秀
VS CodeでNuxt.jsのアプリにESlint Prettierをローカルでインストールし自動整形を利用する - Qiita
はじめに Nuxt.jsを利用した開発が現在フロントエンドにおいて人気があるようです。 Nuxtアプリ等のJavaScriptプログラムはESlint Prettierを利用して開発を効率化させるのが一般的です。 私たちエンジニアがよく利用するエディタとしてはVS Codeがありますが、この拡張機能の中にESlint Prettier用のものが用意されており、コード保存時に自動で整形するといった機能を可能にしています。 しかし、npx create-nuxt-appでnuxtアプリを作成、オプションでESlint Prettierをローカルにインストールし、VSCodeの拡張機能を有効にしただけではエラーが出てうまく動かないので、その対処法とともに解説します。 環境 2020年1月24日時点 Node.js 12.15.0 npm 6.13.4 nuxt 2.11.0 ESlint 6.8
Twitter、コードやドキュメント内の用語「Whitelist/Blacklist」「Master/Slave」「Dummy value」などを好ましい用語へ置き換え、具体例も発表
Twitter、コードやドキュメント内の用語「Whitelist/Blacklist」「Master/Slave」「Dummy value」などを好ましい用語へ置き換え、具体例も発表 Twitterエンジニアリングチームは、同社のソースコードやドキュメントで使われてる差別につながりかねない用語を、好ましい用語に置き換えると発表しました。 We’re starting with a set of words we want to move away from using in favor of more inclusive language, such as: pic.twitter.com/6SMGd9celn — Twitter Engineering (@TwitterEng) July 2, 2020 上記のように、同社のエンジニアリングチームは「インクルーシブな言語は、誰もが属する
開票立会人をやってきた
都知事選の開票立会人をやってきた。なかなか出来ない経験なので備忘録がてら書き残す。開票立会人とは、開票で不正がないかチェックするため、候補者が本人の同意をとって届け出るもの。私もその依頼があるまで存在すら知らなかったが、勉強のためと思い引き受けることにした。ちなみに報酬も少なくない額もらえる（１万数千円）。 やることは、１，投票箱を開ける前に封印を確認する。２，集計した票の束に判子を押す。３，疑問票の判断結果に判子を押す。４，最終的な開票録に判子を押す。５，すべての票を収納した箱の封印に割印を押す。これくらい。あとは、開票所内をウロウロしてるだけ（不正がないかチェックも含めて）。特に２は、500票ごとの束に押すのだが、全部で数十万票ある訳で、こんなに判子押す機会など金輪際ないだろというくらい判子マシーンとなる。 数時間の仕事なのだが、全体通して感じたのは、疑問票が多いということと、選挙の不
AWS IAMの最小権限追求の旅 - プログラマでありたい
皆さん、IAM使ってますか〜？ 今日は、IAMのベストプラクティスの中に呪縛のように存在する、最小権限をテーマに悩みを語ってみようと思います。 IAMでのセキュリティのベストプラクティス まずは、IAMのベストプラクティスの確認です。2020年7月現在では、17個存在しています。一番最後のビデオで説明するの唐突感以外は、どれも納得感がある内容で実践・遵守すべきです。 docs.aws.amazon.com AWS アカウントのルートユーザー アクセスキーをロックする 個々の IAM ユーザーの作成 IAM ユーザーへのアクセス許可を割り当てるためにグループを使用する 最小権限を付与する AWS 管理ポリシーを使用したアクセス許可の使用開始 インラインポリシーではなくカスタマー管理ポリシーを使用する アクセスレベルを使用して、IAM 権限を確認する ユーザーの強力なパスワードポリシーを設定
「おけパ中島があまりピンと来なかったけど考えた」2020年7月4日の日記｜品田遊（ダ・ヴィンチ・恐山）
・きのう、起きたらタイムラインが「おけけパワー中島」という単語で埋め尽くされており、そういうコンピュータウイルスに感染したかと思った。実際はそういう登場人物が出てくる短編マンガがウイルスのような規模で拡散していたのだった。 ・すでに読まれた方も多いかと思うのですが、上記のマンガを読んでどう思いました！？ 私は「面白い！！ こういう考え方の人間もいるのか！！」みたいな感じだったんだけど、感想サーチしてみた限りだと「わかる……！」という反応がかなり多い。つまり登場人物の心情にシンクロしている人が多数だった。そうか、これはポピュラーな感情の動きだったのか……！ ・特に共感を集めていたのが、バズワードにもなった「おけけパワー中島（人名、以下おけパ）」の存在だ。おけパは自分が崇め奉っているクリエイターに馴れ馴れしくリプライを飛ばし、親しそうに交流した挙げ句、自分の好きなジャンルへ誘導したりもする「陽
エストニアに何を求める
広さは九州、人口は東京の国エストニアに何を求めているの？日本人 都知事選の結果でネット投票！エストニア！とか言ってる奴。違う違う。別にエストニアも日本みたいな状態からネットにしたんじゃないの 歴史は自分で調べてほしいけど、簡潔に言えば『みんなお家のパソコンの先生』だったから移行できた。それでも時間はかかった 日本に取り込むにはまず国民のPCスキルとかを上げないとね。何年かかるかな？あと、ネットと現状を両方実施するのは一番金かかるよ。並行稼動期間は短いに越したことはないぞ。あと使ってない時にも金はかかるぞ。他もネット化しているから良いのであって、最低限IE11だけみたいな現行環境を変えなきゃ無理。知らん村の村議会議員選挙の為に維持するのも面倒 あと重要なのは利用者側がオカシイところに気付くことだから、ほんとPCスキルは重要。パスワードメールを2通目に送る限りは無理かも 監視される！→何回か投
Nuxt.jsとPassport.jsでマイクロサービス用の認証機能をもったフロントエンド + BFFを構築する - Qiita
2019/02/27 追記 SSR(サーバーサイドレンダリング)を利用した方が実装しやすそうなので、SSRを利用する形の記事も書く予定です。 そんなに差分なかったので、ブランチとして実装しておきました。 SSR版はこちら 変更点 mode: spaを削除 storeにnuxtServerInitを追加 未認証時のリダイレクトロジックを修正 tl;dr マイクロサービスのフロントエンドとBFF(Backends for Frontends)をNuxt.js + Express.jsで実装したかった Express.js側で認証するのが都合が良かったのでPassport.jsを採用した リロード時にsessionからログイン情報を再取得するように実装してみた 構成 構成は下記のようになります。 Nuxt.jsのserverMiddlewareとしてExpress.jsを組み込む /api以下の
Nuxt.jsとAuth0でモダンなソーシャルログインを実装してみる - SMARTCAMP Engineer Blog
エンジニアの井上です！ 今回は私が最近気になっていたAuth0とNuxt を使って簡単な認証機能を作っていきたいと思います。 認証をどのように実装するかは皆さん結構悩まれているかなと思います。 Auth0は様々な既存プロバイダと自由に連係可能かつマルチデバイス対応、多要素認証に対応しているなどのメリットがあり、かつ導入がとても簡単そうなので個人的に注目しています！ Auth0とは Nuxtとは Auth moduleとは Nuxt middlewareとは 実際にAuth0で認証作ってみる Nuxt でプロジェクト作成 Auth Moduleを追加する Auth0を設定する 認証ページを作成する ログインしてみる middlewareを使用してログインチェックする 終わりに Auth0とは Auth0 は認証基盤サービス (IDMaaS) です。マルチデバイス対応しOpenID Conne
【ネタバレ注意】るろ剣・北海道編26話の武田観柳、お金の考え方がユニークで名言のオンパレード
記事の種類 (67,809) 海外の反応 (694) 怪文書・SS (65) 話題 (6,677) 考察 (39,234) ネタ (10,623) コラ (495) 感想 (9,192) 思い出 (918) アニメ (8,649) 神様になった日 (2) エヴァンゲリオン (190) コードギアス (141) ケムリクサ (27) ゾンビランドサガ (15) 魔法少女まどか☆マギカ (50) 機動戦士ガンダム (3,906) 作画崩壊 (6) 今季アニメ (13) 映画 (110) 漫画 (45,130) Dr.STONE(ドクターストーン) (148) 乙女ゲームの破滅フラグしかない悪役令嬢に転生してしまった…(はめふら) (149) キングダム (104) ケンガンオメガ＆ケンガンアシュラ (325) 幽遊白書 (41) アグラビティボーイズ(AGRAVITYBOYS) (45) 魔法
AtCoderをVSCode+Dockerでできる環境構築をしてみた - Qiita
TL;DR 環境構築してる暇があったら問題をといて精進したほうが良いです はじめに みなさんAtCoderやってますか？皆さんご存じのようにナウでトレンディーでセクシーな競技プログラミングコンテストですね。 サイトにはコードテスト機能があるので正直環境構築しなくても参加可能です。 しかし、手元で管理できる環境を構築したほうが幾分楽に動かせますよね！...ということでVSCode+Dockerで環境構築を行ってみました。 クリックするだけですべてが実行できる簡単環境を目指してます。 online-judge-toolsを使った入力のダウンロード/テスト/提出 streamlit+networkxでのグラフ問題可視化 他にvscodeでの便利なextensition、debugなどなどの設定 ↑上記３つをできるようにしています。言語としてはPythonとC++を使えるようにしてます。他にもGi
「SSRと規約だけ」の勘違いを解く、 Nuxt.js をプロジェクトで採用すべき理由 - ROXX開発者ブログ
back check 事業部に業務委託でコミットしているフロントエンドエンジニアの potato4d です。 ROXX では、 v1.0 が出る前から、プロダクト、コーポレートサイト、ランディングページ、メディアなど、多くのシーンにて、 Nuxt.js が採用されています。 Nuxt.js は多くの人に愛される一方で、最近は Vue 3.0 の話もあり、多少評価が落ち着いてきた印象があります。 この記事では、十分に普及した今だからこそ、 Nuxt.js の本当の優位性と、どういったときに使うべきか。あるいは使うべきでないかを再度言語化できればと思います。 「SSRとルールだけ」という勘違い まずは Nuxt.js の採用についてです。多くの場合、「Vue か Nuxt か」という問いには、いかが判断基準として使われます。 SSR 今必要かどうか Nuxt.js の組み込みのルールをチームに
Vue 3: mid 2020 status update · Issue #183 · vuejs/rfcs
Vue 3: Mid 2020 Status Update Many of our users have been asking this question: when will Vue 3 be ready? We have refrained from giving a definitive answer because predicting software delivery time is hardly ever accurate. As a non-profit-driven project, we wanted to focus on writing good software instead of hitting deadlines. However, it's been a long wait, and we know the uncertainty can make it
ドメイン知識は、容易に失われる｜Magnoliak
例えば区分コードみたいな値が有ったとして、1の時は○○という処理、2,3,4の時は△△という処理を実装する、という状況のときに、条件分岐が「区分コードが1か、それ以外」で分岐させると、2,3,4と限定しておきたかった、というドメイン知識が失われたりしませんか？みたいなことが有ったり無かったり — magnoliak🍧 (@magnolia_k_) July 3, 2020 以前、暗黙知のスライド書いたときにも取り上げたけど、「年齢計算ニ関スル法律」には2月29日生まれのことは何も書かれていないけど、「前日の夜12時に一つ年を取る」というビジネスルールなので、”結果的に”2月29日生まれに例外ルール無しに対応できているんだけど、それは結果論なんだよ — magnoliak🍧 (@magnolia_k_) July 3, 2020 さんざん検討して、シンプルなルールで、複雑なパターンや例外
GitUML
Understanding source code is every programmer's biggest challenge GitUML helps programmers understand new code more quickly. Understand code quickly Rapidly generate diagrams from programming source code. Diagrams from git repositories - automatic diagram updates when you push! Upload source code files Live UML Fiddle converts source code into UML as you type UML Fiddle (Python) UML Fiddle (Javasc
「人生を否定された」コロナ解雇の40代。中途採用73社に応募し、面接はわずか2件… | 日刊SPA!
新型コロナウイルスの影響による解雇や雇い止めに齒止めがかからない。厚労省は6月5日、コロナ関連での解雇が2万人を超えたことを発表。今、労働市場では何が起きているのか？ 解雇にあった当事者の声、そして専門家の分析とともに、コロナ解雇の最前線を追った。 ▼清田徳明さん（仮名・44歳）職種：飲食チェーン／役職：課長級／失職理由：解雇／年収：600万円 飲食チェーンにてアルバイトから正社員登用され15年間勤務。日中はもっぱら自室で求人サイトを眺めエントリーを続ける日々を送る ＝＝＝＝＝ 5月末に発表された4月の有効求人倍率は1.32倍で4か月連続で減少。日本の労働市場が急速に悪化している現状も数字となって現れ始めている。 関東圏を中心に展開する飲食チェーンでエリアマネジャーを務めていた清田徳明さん（仮名・44歳）も悪化する状況を肌で感じている。緊急事態宣言の延長が発令されたGW明けに解雇通知され、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Wi-Fi環境チェックツールの決定版！ 無料の「WiFiman」アプリを試す【イニシャルB】
「食事の時はマスクできないでしょう…」とおっしゃられた方の食事中のマスクマナーアイデアが実に雅やか「風流だし素敵」
gitpod.yml vs docker-compose.yml · Issue #297 · gitpod-io/gitpod
Red Hat MandelはJavaをネイティブにする
【Hothotレビュー】 7万円ちょっとでかなり使えるマウス製モバイルノートをレビュー
Vue 3 Support · Issue #5708 · nuxt/nuxt
GitHub - ktsn/vue-auto-routing: Generate Vue Router routing automatically
スパコン「富岳」、わずか10日で2,000種類超の新型コロナ治療薬候補を選別
