AI search that understandsEnterprises and developers use Algolia’s AI search infrastructure to understand users and show them what they’re looking for
バニラ(英語:Vanilla)とは、コンピュータソフトウェア、まれにコンピュータのハードウェアまたはアルゴリズムなどで、改変・改修・カスタマイズなどが一切行われていない、提供された状態のまま(原型を留めたままの状態)を指す[1]。 バニラという表現は、業界でもデ・ファクト・スタンダードとして標準的に企業や個人で広く利用されている。語源は、アイスクリームの標準的な風味であるバニラ味からきている[2]。エリック・レイモンドのジャーゴンファイルによると、バニラは "default" (デフォルト)よりは "ordinary" (普通の・平凡な)の意に近いとしている[3]。 バニラの使用例[編集] 最も古い利用例の1つに、IBMのメインフレームのテキスト出版システムである "BookMaster" において、出版する書籍を指定する際のデフォルト設定を「バニラ」、好みに沿った出力設定を「モカ」と呼ん
Less code. More speedSpend less time writing UI code and more time building a great experience for your customers. import * as React from "react"; import { Box, Center, Image, Flex, Badge, Text } from "@chakra-ui/react"; import { MdStar } from "react-icons/md"; export default function Example() { return ( <Center h="100vh"> <Box p="5" maxW="320px" borderWidth="1px"> <Image borderRadius="md" src="h
こんにちは、@yoheiMuneです。 Reactのお仕事をやっていて、日々試行錯誤してます。JSX内で条件分岐を表現する方法についてブログに書きたいと思います。 目次 何がしたいのか HTMLを出力するrenderメソッドで、この条件ならこのUI、別の条件なら別のUIを出したい、ということは良くあると思います。それをReact.jsではどのように表現するのかについて、ブログにまとめておきたいと思います。 JSX内で条件分岐を表現する5つの方法 よく使われる手法として、5つあります。状況に応じて必要なものを使えたら良いと思います。 方法1:即時関数を使う JSX内で即時関数を書き、その中で条件分岐を表現できます。 class Hello extends React.Component { render() { let isMorning = true return ( <div> {(()
こんにちは、クックパッドで最近はモバイルアプリを離れもっぱらウェブアプリを作っている @morishin です。 先日、社内で「モダンウェブフロントエンド勉強会」と題して React, Next.js, Core Web Vitals, SSR, CSR, SSG, ISR, SSR Streaming, React Server Component といったキーワードに触れつつ、昨今のウェブ開発事情について話をしました。せっかくなのでその内容の共有と、勉強会を開催した動機などを紹介したいと思います。 この話は fukabori.fm でも取り上げていただいてお話ししたので、よければそちらもご視聴ください。 fukabori.fm 背景・動機 クックパッドのウェブアプリケーションは10年以上もの間 Ruby on Rails で開発されてきましたが、2020年から一部のページは Next.
機能改善だけでなく、非推奨になった機能も多いですね。 2015年〜 ES2015の正式リリース前 2015年6月まではES2015が正式リリースされていなかったため、Reactのコンポーネントの作成にはReact.createClassが使われていました。 React独自のクラスコンポーネントを生成する機能です。 var Component = React.createClass({ render: function() { return ReactDOM.tagName({options, "Hello"}) } }); React.renderComponent( Component(null), document.getElementById("root") ) 2016年〜 クラスコンポーネントの時代 Reactバージョン15.0.0からはReact.createClassはほとん
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く