voluntas

時雨堂を支える固定時間労働 1 日 6 時間

更新:	2024-01-20
作者:	@voluntas
バージョン:	2024.1
URL:	https://voluntas.github.io/

概要

mizchi

この記事は議論のたたき台で、ポジショントークや、偏見にまみれています。

今のフロントエンドの分類

• 古典的なサーバーサイド WAF への +α の味付け
• 大規模なクライアントアプリケーション管理のための SPA
• SEO / SSR を考慮した Node ヘヴィーな環境

他、提唱されてるパターン

wildjcrt

require 'cgi'
require 'active_support'

def verify_and_decrypt_session_cookie(cookie, secret_key_base = Rails.application.secret_key_base)
  config = Rails.application.config
  cookie = CGI::unescape(cookie)
  salt   = config.action_dispatch.authenticated_encrypted_cookie_salt
  encrypted_cookie_cipher = config.action_dispatch.encrypted_cookie_cipher || 'aes-256-gcm'
  # serializer = ActiveSupport::MessageEncryptor::NullSerializer # use this line if you don't know your serializer
  serializer = ActionDispatch::Cookies::JsonSerializer

kamiazya

javascript: (function () {
  const src = 'https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js';
  const script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = src;
  script.onload = () => {
    html2canvas(document.body, {
      onrendered: (canvas) => {
        const imgageData = canvas.toDataURL('image/png');
        const el = document.createElement('a');

mpppk

2020/5/31追記: 自分用のメモに書いていたつもりだったのですが、たくさんのスターを頂けてとても嬉しいです。
と同時に、書きかけで中途半端な状態のドキュメントをご覧いただくことになっており、大変心苦しく思っています。

このドキュメントを完成させるために、今後以下のような更新を予定しています。

• TODO部分を埋める
• 書籍を基にした理論・原則パートと、実装例パートを分割
  • 現在は4層のレイヤそれぞれごとに原則の確認→実装時の課題リスト→実装例という構成ですが、同じリポジトリへの言及箇所がバラバラになってしまう問題がありました。更新後は、実装時の課題リストを全て洗い出した後にまとめて実装を確認する構成とする予定です。

2021/1/22追記:

ht164

MisskeyをDockerを利用して立ち上げる方法

自分で実施した方法です。公式にやり方が用意されているのを知りませんでした。非公式なやり方なのでおすすめできません。

Misskey 11.32.0 で実施した方法です。バージョンが新しいとこの方法が利用できない可能性はあります。

docker hubにMisskeyのイメージがあったので、それを利用する方法です。イメージは自前でビルドしません。

また、構築はリバースプロキシパターン(nginxがリクエストを受けて裏にいるDocker上のMisskeyに転送)です。

mizchi

明日の下書き

---

これはなに

• 高円寺.dev #3 用の資料 https://koenji.connpass.com/event/160886/
• フロントエンド専門じゃない人向けの、フロントエンドの最先端〜やや未来の話です
• このレイヤーでは Node.js を使うべき/使うと強いという部分がありますが、他言語を否定しているわけではありません。むしろ他言語でこのアーキテクチャを模倣してほしいという話です。

lumine2008

name: 'How to add Data validation '
description: >-
  Sets data validation rules on ranges, prompts users to enter valid data, and
  displays messages when invalid data is entered.
host: EXCEL
api_set: {}
script:
  content: |
    $("#setup").click(() => tryCatch(setup));

composite

<?xml version="1.0" encoding="utf-8" ?>
<Project ToolsVersion="12.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
  <PropertyGroup>
    <NodeCli Condition=" '$(NodeCli)'=='' ">npm</NodeCli>
    <PostCssRunner Condition=" '$(PostCssRunner)'=='' ">run postcss --</PostCssRunner>
    <PostCssCli Condition="('$(PostCssCli)'=='' Or '$(PostCssCli)'=='true')">-o</PostCssCli>
  </PropertyGroup>

  <ItemGroup>
    <PostCssFiles Include="$(MSBuildProjectDirectory)\**\*.pcss" Condition="!($([System.String]::Copy(%(Filename)).StartsWith('_')))" >

csandman

// originally from: https://github.com/vercel/swr/issues/110#issuecomment-552637429
import useSWR from 'swr';
import useDebounce from 'hooks/use-debounce';

const App = () => {
  const [search, setSearch] = useState('');
  const debouncedSearch = useDebounce(search, 1000);
  const { data: res, isValidating } = useSWR(
    () => debouncedSearch ? `/api/suggestion?value=${debouncedSearch}` : null,
    Api.fetcher,