thejoyfuldev

import "./styles.css";
import { Person } from "./types";
import { Listbox } from "./listbox/listbox";
import { useForm } from "react-hook-form";

const people: Person[] = [
  { id: 1, name: "Durward Reynolds", unavailable: false },
  { id: 2, name: "Kenton Towne", unavailable: false },
  { id: 3, name: "Therese Wunsch", unavailable: false },
  { id: 4, name: "Benedict Kessler", unavailable: true },

shimakyohsuke

//- +prefectures(true || false)
mixin prefectures(required)
	select(name='都道府県', required=required)
		option(value='', selected='selected')
			| 【選択して下さい】
		optgroup(label='北海道・東北地方')
			option(value='北海道')
				| 北海道
			option(value='青森県')
				| 青森県

likr

JavaScript コーディング TIPS

自己紹介

おのうえ(@_likr)です。

概要

モダンJavaScriptの便利な書き方や、Linterに怒られないコードの書き方などを紹介します。

gcchaan

エンジニア向け研修

• CARTA HOLDINGS（旧VOYAGE GROUP）
  • 技術広報が新卒研修<Open AIハッカソン>をスパイしてみた - (2023/04/11)
  • @t_wadaに学ぶテスト駆動開発【CARTA 23新卒研修】 - (2023/04/19)
  • 【新卒研修】監修者@t_wadaと読む！プログラマが知るべき97のこと読書会 - (2024/04/09)
• Classi
  • 当たり前にリリースしていく ~ 新卒研修編 - (2021/05/20)
  • リモートワークのための質問力向上研修を実施しました - (2021/12/07)
  • Classi 2025年新卒エンジニア研修「そーだい塾」を開催しました - (2025/06/18)
• CyberZ

manabuyasuda

Sassのベターな使い方

---

目次

• .sassより.scss
• 変数で変更をしやすく
• パーシャルと@importでモジュールごとにファイルを管理する
• よく使うスタイルはデフォルトで置いておく
• CSSの構成案を導入する

p-chan

# http://editorconfig.org
root = true

[*]
charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true

turusuke

#!/bin/sh

DBNAME="" #データベース名
DBUSER="" #データベースユーザ名
DBPASS="" #データベースパス
DBHOST="" #データベースホスト
DBPREFIX="" #テーブルのプレフィックス ex. wp_

# ############

p-chan

Ichigoore

A boilerplate of gulp for FICC KYOTO development team.

Features

SASS

• SCSS(Minify)
• Bourbon
• Autoprefixer

ES6

manabuyasuda

// `.js-matchHeight`がページ内にあればその要素の高さを揃える
$(function() {
  var $class = $('.js-matchHeight');
  if($class.length) {
    $class.matchHeight();
  }
});

cbaigorri

$ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
$ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
$ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
$ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
$ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
$ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
$ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
$ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
$ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);