Honoの捉え方、またはNext.jsとの組み合わせ方 | stin's Blog

2024/12/17 109 users hono stin's blog Next.js 捉え方

HonoというWebフレームワークがあります。Express.jsのような書き方でWebアプリケーションを作れるものです。 import { Hono } from "hono"; const app = new Hono(); app.get("/", (c) => c.json({ message: "Hello, Hono!" })); export default app; HonoはWeb標準準拠を謳っているフレームワークです。それを聞くとな... 続きを読む

JavaScript｜importの書き方が多いのでまとめてみた - Qiita

2024/08/24 63 users Qiita エンジニア みなさま 学習 感謝

はじめに エンジニアのみなさま、日々の学習本当にお疲れ様です！ また本記事まで足を運んでいただき本当に感謝です。 記事は約3分程度で読めるので最後まで読んでもらえると幸いです。 さっと見たい人向け importの書き方パターン 説明 続きを読む

GPT-3.5-Turbo / GPT-4-Turbo 1106のJSONモードの使い方｜shi3z

2023/11/06 248 users GPT-4-Turbo gpt-3.5-turbo 使い方

日本時間未明(午前三時)ものすごいスピードで語られたOpenAI初の開発者向けイベントDevDayで発表されたGPT-4-TurboとGPT-3.5-TurboによるJSONモード。 これはものすごく強力なんだけど、Python APIによる使い方がどこにも描いてないので試行錯誤の末見つけましたので共有いたします。 from openai import OpenAI import ... 続きを読む

JavaScriptで本日の日付をYYYY-MM-DD形式で得る短いコード - EY-Office

2023/04/18 328 users EY-Office strftime 日付 短いコード 本日

小ネタです、JavaScriptで本日の日付をYYYY-MM-DD形式で得るコードは案外面倒です。 本日2023年4月17日なら 2023-04-17 という文字列を得るコードはRubyならTime.now.strftime("%Y-%m-%d")、Pythonならdatetime.today().strftime("%Y-%m-%d")（importは省略しました）と簡単に書けますが、JavaScriptでは案外面倒なので... 続きを読む

ChatGPTをWebフレームワークにしたら、未来が見えた

2023/03/20 178 users chatgpt hono Webフレームワーク Cache

ChatGPTを文字通りWebフレームワークにしてみました。 何を言っているかわからないと思うので、次のコードを見てください。 import { initChatGptGenerator } from "gpt-as-api"; import { Hono } from "hono"; import { cache } from "hono/cache"; const gpt = initChatGptGenerator( "これからTODOアプリとしてふるま... 続きを読む

const Hoge: React.FC<Props>=()=>って書いてたら思考停止系と言われたので調べた

2023/02/22 184 users satoko Props React return リズミカル

VTeacher所属のSatokoです。 QAエンジニアとフロントエンドエンジニアを兼任しています。 1.久しぶりにReactのプロジェクトに参加 リズミカルにキーボードを　タタンッ！　として、 import { FC } from "react" type Props = {} const Hoge: FC<Props> = () => { return ( <> </> ) } export default Hoge って、得意気... 続きを読む

golangではスタックとヒープを気にする必要が無い

2022/06/24 88 users ビーフ golang fmt スタック ＡＮＩＭＡＬ

調べようと思ったきっかけは、golang では以下のように ローカル変数のアドレスを戻り値としても問題ないということ。 package main import ( "fmt" ) type Animal struct { Name string Age int } func main() { animal := allocAnimal() fmt.Printf("allocate animal structure %p", animal) } func allocAnimal() *An... 続きを読む

import * as 構文とパフォーマンス最適化 - Qiita

2022/05/28 87 users Qiita パフォーマンス最適化

/******/ (() => { // webpackBootstrap /******/ "use strict"; /******/ var __webpack_modules__ = ([ /* 0 */, /* 1 */ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "R": () => (/*... 続きを読む

Figma to React – Convert Figma designs to React code

2021/03/27 84 users React react-native SVG return

import React from 'react' import { View, Text, Image, StyleSheet } from 'react-native' import { Svg } from 'react-native-svg' export default function FigmatoReact () { return ( <View style={FigmatoReactStyles.FigmatoReact}> <Text style={FigmatoReactStyles.FigmatoReact}> Figma to React </Text> <In... 続きを読む

Native ESM 時代のフロントエンドビルドツールの動向

2021/03/09 111 users Native ESM 動向 Webpack rollup 時代

No Bundle ツールの流行: vite / rollup モダンブラウザは Native ESM を備えているので、開発時は高速な localhost アクセスを頼って直接 import する、外部ライブラリだけ事前にコンパイルしておく、という手法が流行ってきている。プロダクション用は今まで通りビルドする。 webpack はすべてを一つにバンドルするた... 続きを読む

なぜ default export を使うべきではないのか？ - LINE ENGINEERING

2020/05/20 199 users LINE Engineering UIT export 構文

Takuma HANATANI | 2020.05.20 Senior Front-End Engineer at Front-End Development Center フロントエンド開発センター(通称: UIT)の花谷(@potato4d)です。 この記事では、 ESModule の仕様であり、現在の JavaScript を用いた開発で必須である import / export 構文について、 default export ではなく named export ... 続きを読む

Big Sky :: Go 言語の Language Server「gopls」が completeUnimported に対応した。

2019/11/12 56 users fmt golang Gopls リリースノート 言語

先日、Gopls の v0.2.0 がリリースされました。 v0.2.0 https://github.com/golang/go/issues/33030#issuecomment-549629508 リリースノートに書かれていますが、このバージョンから completeUnimported に対応しています。fmt が import されていなくても fmt.Println が補完できる様になります。ただしデフォルトでは... 続きを読む

Golang で Let's Encrypt の証明書を発行して使用する

2018/07/29 52 users golang mux Let's Encrypt fmt

Golang で ACME プロトコルがサポートされてたみたいなので試してみた。 Document のとおりなんだけれど、以下のコードだけで証明書を発行してListenまでしてくれる。 golang.org/x/crypto/acme/autocert package main import ( "fmt" "log" "net/http" "golang.org/x/crypto/acme/autocert" ) func main() { mux := htt... 続きを読む

Golangで軽量なSSHサーバを実装する - Fire Engine

2018/07/28 111 users golang fmt crypto SSHサーバ SSH

今回は、Golangのgolang.org/x/crypto/sshパッケージを使って、SSHサーバを構築してみました。 かなりミニマムな実装ですが、リモートからSSH接続して、対話的にコマンドが実行できるところまで実装しました。 コード github.com package main import ( "golang.org/x/crypto/ssh" "log" "net" "io/ioutil" "fmt" "os/ex... 続きを読む

importをモックする話 // Speaker Deck

2018/04/21 64 users Speaker Deck

All slide content and descriptions are owned by their creators. 続きを読む

GitHub - egoist/franxx: A vanilla JavaScript router that works everywhere.

2018/02/19 75 users EGOIST location.hash from

import { HistoryRouter , HashRouter , MemoryRouter } from ' franxx ' // Router using HTML5 history API // With fallback to HashRouter const router = new HistoryRouter () // Router using location.hash ... 続きを読む

JavaScriptのダイナミックインポートをついに実装。より高速化したJavaScriptエンジン「V8 Release 6.3」リリース － Publickey

2017/10/26 69 users Publickey 実装 リリース V8 Release 改良

JavaScriptのダイナミックインポートをついに実装。より高速化したJavaScriptエンジン「V8 Release 6.3」リリース V8 Release 6.3では、JavaScriptの実行速度の高速化やメモリフットプリントをより小さくするなどの改良が行われていますが、もっとも注目すべきなのはダイナミックインポート（Dynamic Import）の機能を持つ「import()」が実装さ... 続きを読む

GitHub - jaredpalmer/formik: Forms in React, without tears

2017/07/02 53 users GitHub React are from

// EditUserForm.js import React from ' react ' ; import { Formik } from ' formik ' ; import Yup from ' yup ' ; // Formik is a Higher Order Component that wraps a React Form. Mutable form values // are... 続きを読む

import-js で JavaScript の import を自動入力する - Qiita

2017/03/26 79 users Qiita React github.com 関数 https

React 等、新しい ES 環境で import を多用する開発を行ってると、クラスや関数を使う度、import に毎回追加、というのが面倒じゃないですか？私はめっちゃ面倒くさかったです。 そんなとき、import-js を使うと、足りない import 文を入力してくれて大変便利です。 https://github.com/Galooshi/import-js fix import で足りない... 続きを読む

Goのスコープについて考えてみよう #golang - Qiita

2017/01/02 50 users Qiita golang fmt スコープ Twitter

はじめに Twitterで以下のような投稿をしてみました。 https://twitter.com/tenntenn/status/815807925222412292 この問題は、以下のコード中に存在するスコープの数を聞いている問題です。 package main import "fmt" func main () { const message = "hello, world" fmt . P... 続きを読む

gulpとかwatchifyとかbrowserify-shimとかの話

2015/10/12 64 users Gulp エントリポイント クライアントサイド script

今では､JavaScriptを書いててrequire()やimportを使わないことはありえない｡そしてクライアントサイドではそのためにbrowserifyやwebpackを使うことになる｡ browserify-shim やみくもにimportしていると､1つのJavaScriptファイルのサイズが大きくなってしまう｡また､エントリポイント(実際に<script>で読み込まれるであろう入り口とな... 続きを読む

Big Sky :: Vim プラグインの機能として golang を使う。

2015/06/08 66 users golang fmt ビルドオプション Big Sky var

golang 1.5 から、x86_64 のみですが -buildmode=c-shared というビルドオプションが足される事になりました。 これは、golang で共有ライブラリを生成する為のオプションで、例えば package main import ( "C" "fmt" ) var ( c chan string ) func init() { c = make(chan string)... 続きを読む

Blender で UE4 用 3D モデルを作って Import するまでに守るべきことまとめ | rarilog

2015/03/14 50 users Blender Skeleton FBX export UE4

Blender で 3D モデルを作成して FBX として Export し、UE4 に Import するまでの過程で、守らなければならないこと・行った方がよいことについて解説していきます。 ここでは、Bone (Blender: Armature, UE4: Skeleton) と複数の Animation (Blender: Action, UE4: Animation Sequence) ... 続きを読む

Lollipop 用のコードサンプルを公開しました - Google Developer Japan Blog

2014/12/19 75 users Lollipop File Android Studio

このブログでは、Google から開発者のみなさま向けの情報をいち早くお届けします。 Android 5.0 Lollipop にてリリースされた新機能の一部について、その実装方法を具体的に示した コードサンプルを新たに 20 以上  追加しました。コードサンプルは、Android Studio 1.0 で新たなサンプル ウィザードを使用すれば簡単にインポートできます。 File > Import... 続きを読む

プロファイアスターター　イケダハヤト氏 - 鈴木です。

2014/09/02 66 users イケダハヤト氏 鈴木 所感 スティーブン・キング 小説

2014-09-03 プロファイアスターター　イケダハヤト氏 ブログ関係 所感・雑感 スポンサーリンク ファイヤスターターというとスティーブン・キングの小説か「炎の少女チャーリー」を思い出す人も多いかと思います。 Firestarter [DVD] [Import] 出版社/メーカー: Sanctuary 発売日: 2000/09/18 メディア: DVD クリック: 1回 この商品を含むブログを... 続きを読む