らんだむな記憶

blogというものを体験してみようか!的なー

web

Web のトレンド

web

Web を支える技術 - らんだむな記憶 を読んでも最近のことはよく分からないな。 トレンドは優れたUXとSPA・BFF! 急成長企業の最新フロントエンド開発を体験しよう (3/5):CodeZine(コードジン) とかが参考になるのかな?本の続きの世界観としては 2011年…

Web を支える技術

Webを支える技術 ―― HTTP,URI,HTML,そしてREST:書籍案内|技術評論社 を読んだ。個々の用語は聞いたことがあるとか知っているような気がしても全然説明できないものも多かったので少し参考になった。少しというのは、座学として理解した気になっても、自…

スクレイピング

【スクレイピングまとめ】| Python Node.js PHP Ruby Go VBA | 6種類の言語でヤフートップをスクレイピング - Qiita この辺がそれぞれ定番のライブラリなのかな?Python でも良さそう。なら 10分で理解する Beautiful Soup - Qiita とか [スクレイピング] Py…

Django

FastAPIが覇権を取れるかもという話 - Qiita FastAPI とか Responder が今の流行りなんかな?という気持ちながら、はるか昔から聞く Django もまだまだ現役の様子。 という感じでGitHub - akiyoko/django-book-mysite-sample: mysite sample for akiyoko dja…

Vue.js (6)

とりあえず忘れないようにうろ覚えの内容を思い出しつつグローバルコンポーネントを使って駄コンテンツを作る。グローバルコンポーネントにおける CSS の設定がよく分からない・・・。が、グローバルコンポーネントを使うこともあんまりないだろうし、いいか…

CodePen (2)

【Web開発】ブラウザさえあれば使える無料オンラインエディター紹介・比較 2019 - Qiita jsfiddle みたいなやつで CodePen ってのもあるみたいだ。あれ?ユーザー登録が必要なのか・・・。 と書きつつ、記事を整理すると CodePen - らんだむな記憶 で既に触…

機械学習Webアプリ

web

PythonのWebフレームワーク「FastAPI」とTypeScript・OpenAPIで、型つきでWebアプリを作ってみる - 機械学習WebAppのための技術スタック - Qiita ふむふむ。SQL は 1-bit も分からないけど・・・。 Web framework - らんだむな記憶 uvicornのコマンドライン…

uvicornのコマンドライン実行

Uvicorn を見ると、 $ uvicorn example:app はプログラムで書くと import uvicorn async def app(scope, receive, send): ... if __name__ == "__main__": uvicorn.run("example:app", host="127.0.0.1", port=5000, log_level="info") なんだなぁ。https://…

Web framework

PythonのWeb frameworkのパフォーマンス比較 (Django, Flask, responder, FastAPI, japronto) - Qiita 色々ありすぎて分からん・・・。まぁ、FastAPI にしとけばいいのかな?今は。転職黙示録 (10) FastAPIのソースを読む 第4回 UvicornとFastAPIの関係 - Qi…

EC2とhttps化

Azure の場合、DNS名ラベルを使って作ったドメイン名みたいなものに対して Let's encrypt の証明書を発行できるようだった。 AWS の場合どうなんだろう?と思って調べてみたが Policy forbids issuing for name on Amazon EC2 domain - Server - Let's Encry…

AzureのDNS名ラベル

適当にラベルを付与して my_vm_name.japaneast.cloudapp.azure.com みたいな名称で外部からアクセスできるみたい。すごい・・・。

Flaskとかのhttps化

とりあえずなんちゃって的なやつ。 【Ubuntu16.04.5】PythonのFlaskをHTTPS化 - Qiita とか「mkcert flask」で検索ひっかかるページとか参考になりそう。Homebrew on Linux — Homebrew Documentationにある linuxbrew を使う手もあるみたいだが、コレ思うよ…

Flask

へぇ~ - らんだむな記憶で触れた Flask。Bottle.py になんとなく似てるよなぁ〜と思ったら「ボトルとフラスコ!?」かと気づいた。フラスコを英語でどう書くかピンと来ていなかった。するとFlaskとBottleの容量差 - Qiitaこんな記事が。もともとはジョーク…

Vue.js (5)

slot とか v-slot については https://github.com/vuejs/vue/blob/v2.6.11/dist/vue.js#L10108-L10225で処理をしているのだろう。 el.slotTargetDynamic = !!(el.attrsMap[':slot'] || el.attrsMap['v-bind:slot']); の部分を見ると、v-bind: の省略記法(?)…

Vue.js (4)

Vue CLI を導入したい。 Vue.js を vue-cli を使ってシンプルにはじめてみる - Qiitaを参考に npm install -g @vue/cli する。 Vue CLIで作成したプロジェクトで起動する開発サーバーのポート番号を変更する | Developers.IOを参考に、作成したプロジェクト…

Hugoでblog

コピペで作れるHugoでイケてるブログを作る方法 - Qiita Hugo で静的なサイト・ブログを構築しよう - Qiita おぉっ、Netlify CMS というやつを使えば管理画面みたいなのを実現できるのか。但し、プレビューみたいなのはできないと。ふむ。

Vue.js (3)

new Vue({...}) で起こることについてはhttps://github.com/vuejs/vue/blob/v2.6.11/dist/vue.js#L5073-L5079を見るのが素直かもしれない。 https://github.com/vuejs/vue/blob/v2.6.11/dist/vue.js#L5081で準備済みの Vue.prototype._init が実行される。→ …

Vue.js (2)

new Vue({ render: function(createElement) { return createElement("div", "こんにちは") } }) は VNode を返すけど、 var div = document.createElement("div") は DOM ノードを返しますというお話。 この辺はブラウザの実装から見ると分かりやすい気もす…

Vue.js (1)

クラゲちゃんを鳴かせてしまえというサンプルを Vue.js で作る。 audio 要素とか全然覚えてない。autoplay が 1 回しか効かないようなので、URL 書き換えの直前で v-if で要素を消しておいて、非同期で URL の書き換えと要素の出現を実行させてみる。4 時間…

Webフロントエンド

ようこそ!2020年、Webフロントエンドの世界へ 参考になるなぁ。 Vue.js + Bootstrap4でポートフォリオサイトの雛形を作ろう! - Qiita Vue.jsにBootstrapを適用させる方法 - Qiita ふんふん。 Vue.js + SCSS + Bootstrap + MaterialDesign + TypeScript開発…

へぇ~

Express - Node.js web application frameworkってやつ使えば、Node.js上で簡単なWebサーバを起動できるのか。 pythonのBottle: Python Web Framework — Bottle 0.13-dev documentationとかもあるし。1ファイルに拘らないならWelcome to Flask — Flask Docum…