[VS Code]タブのカスタムラベル設定でpage.tsx、layout.tsxなどのファイルを見やすくする | DevelopersIO

2024/05/09 18 users Page.tsx TSX DevelopersIO 西村祐二

[VS Code]タブのカスタムラベル設定でpage.tsx、layout.tsxなどのファイルを見やすくする どうも！オペレーション部の西村祐二です。 最近、Next.jsなどでフロントエンドの実装も行うことが増えてきました。 実装を進めていくと、page.tsx,layout.tsx,index.tsx,route.tsなど同名のファイルが増えてきて、どのファイルを... 続きを読む

React Server Componentの実行順序とフレームワークでの注意点

2024/03/09 12 users フレームワーク 実行順序 RSC TSX layout.tsx

前回はこちらで議論できて大変有意義でした、ありがとうございました。 その際、Next.jsでのlayout.tsxとpage.tsxの実行順序についてpage -> layoutの順で実行されることを初めて知ったのですが、疑問に思ったのは「これはReact Server Component（RSC）の仕様なのかNext.js（フレームワーク）の仕様なのか？」というこ... 続きを読む

Next.js 13 Template と Layout の使い分け

2023/09/06 14 users template 再レンダリング 画面遷移 Next.js

Next.js 13には、LayoutとTemplateというよく似た機能が存在します。 この記事では、それぞれの特徴と使い分け方についてまとめてみました。 Layoutとは？ Layoutは複数のページに渡って共有されるUIのことを指します。 特徴としては画面遷移が行われた際に、その状態を保持し、再レンダリングは行われません。またLayou... 続きを読む

ユーティリティファーストなCSSを設計するためのCSS変数を提供する・「Pollen」 | かちびと.net

2021/02/07 10 users Typography CSS変数 colors net CSS

Pollen Pollenは一貫したスタイルやユーティリティファーストなCSSを設計するためのCSS変数を提供するスタイルシートです。 中身は全てCSS変数のみで構成されており、既に定義付けられていますので、classを変えることなく既存のCSSにも利用する事が可能です。 ファイルはTypography、Colors、Layout、UIの4つに分けられ... 続きを読む

CSS Layout API で Masonry Layout | blog.jxck.io

2020/12/03 12 users API jxck.io CSS Layout height

Intro Pinterest でおなじみの Masonry Layout を CSS の標準にする作業と実装が進んでいる。 Masonry Layout 以下のように画像を敷き詰めるタイルレイアウトのことを Masonry (石工やレンガ造りの意味らしい) Layout という。 上の例の場合は、 Height が不揃いの画像を並べる上で、左から敷き詰め、折り返したら既にあ... 続きを読む

`Layout/LineLength` のデフォルトを 120 にした - koicの日記

2020/05/29 9 users rubocop koic github.com OSS バッチ

RuboCop の LineLength のデフォルトが 80 ではつらいという声はずっと聞いていて、そもそも RuboCop にパッチを送り始めた頃は、いつかこの変更をするのが目標のひとつだった。 今回 3年半越しに実現することができた。現在の最新版の RuboCop 0.84.0 に適用済み。 github.com OSS で年月をかけた粘り強い振る舞いは ka... 続きを読む

LayoutでInterface Builderを使わないレイアウト – PicApp Tech Blog

2018/03/30 17 users iOS TELLER Swift ライブラリ 実装

LayoutでInterface Builderを使わないレイアウト はじめまして。 TELLERでiOS/Androidのアプリの開発をしている @kazutoyo です。 今回はSwiftで書かれているUIのレイアウトをAndroidのレイアウトシステムのように行うライブラリ、 『Layout』 について紹介します。 なぜLayoutなのか 現在iOSのUIの実装は主にInterface Bu... 続きを読む

【Swift】Material Design(マテリアルデザイン) 用の color 設定 layout を作成しました。 | Linux & iOS & Android Labs

2015/11/01 27 users iOS Swift color Linux 配色

iOS で Material Design のデザイン時に便利に利用でき、様々な配色を便利に利用できるよう layout 用の Color を一覧を作成しました。 Swift 版になります。 Objective−c 版はこちら。 プログラムをしながら、同時に配色を決める時に役立ちます。 色の濃さを変更するのも既にカラーコードが宣言してありますので、呼び出すだけで簡単に配色を試すことができます。 ■... 続きを読む

シャッターを切るだけでGIFアニメじゃない無限ループ動画が作成できる「Boomerang from Instagram」 - GIGAZINE

2015/10/23 18 users GIGAZINE Instagram iOS シャッター

画像共有アプリの「Instagram」は、タイムラプス撮影アプリ「Hyperlapse」や、写真レイアウトアプリ「Layout」といったカメラを使った単独アプリを続々リリースしていますが、新たに、シャッターボタンを押すだけでループ再生するショートムービーを撮影できる「Boomerang from Instagram」がiOSとAndroidでリリースしたので使ってみました。 Boomerang f... 続きを読む

Podcastを支える技術、エンジニアのためのWebメディア、そしてCPAN

2015/08/21 50 users CPAN ＥＰ Podcast Audio length

Transcript of "Podcastを支える技術、エンジニアのためのWebメディア、そしてCPAN" 1. ‣ ‣ ‣ ‣ ‣ ‣ ‣ ‣ ‣ ‣ 2. 3. $ rake post title="ep040" 4. -­‐-­‐-­‐ layout: post title: "40. YAPC::Asia直前号" audio: wadafm-­‐ep040.mp3 length: 130... 続きを読む

全天球プラレール　渡邊課 × 一畳プラレール

2015/08/11 24 users プラレール twitter.com 車窓 http

全天球プラレール　渡邊課 × 一畳プラレール 〜プラレールの車窓から〜 360 Video Plarail Watanabe-ka × Plarail in A Tatami ~See the World by Toy Train~ _ _ _ _ Layout: ぺたぞう https://twitter.com/pettanesa 一畳プラレール Plarail in A Tatami http... 続きを読む

インスタグラムのコラージュ写真アプリ「レイアウト」Android版 - ケータイ Watch

2015/05/20 11 users レイアウト インスタグラム ケータイ Watch iOS版

ニュース インスタグラムのコラージュ写真アプリ「レイアウト」Android版 （2015/5/20 14:24） インスタグラムは、手軽にコラージュ写真を作成できるAndroid向けアプリ「レイアウト（Layout）」の提供を開始した。3月に登場したiOS版に続いて提供される。利用料は無料。 「レイアウト」は、複数の写真を組み合わせて、1枚のコラージュ写真を作成できるアプリ。最大9枚まで合成でき、... 続きを読む

Instagram、新アプリ「Layout」を提供--写真を簡単にコラージュして共有 - CNET Japan

2015/03/24 27 users Instagram Facebook iOS Android

Instagramは、他のコラージュアプリをすべて不要にしようとしている。同社は米国時間3月23日、「iOS」向けのスタンドアロンアプリ「Layout」を発表した（「Android」もまもなく提供予定）。Layoutは、コラージュ写真を作成してInstagramやFacebookに共有することができるアプリだ。InstagramまたはFacebookのアカウントがなくてもこのアプリを使用することが... 続きを読む

iAd 実装が iOS7 から恐ろしく簡単になってる件 - jarinosuke blog

2014/03/10 78 users iOS7 jarinosuke blog iAd カテゴリ

2014-03-10 iAd 実装が iOS7 から恐ろしく簡単になってる件 iOS7 iAd Buffer iAd on iOS 7 iOS 6 までは iAd を表示しようとすると、ADBannerView をインスタンス化して layout してなど色々と面倒でした。 iOS 7 では iAd.framework に以下のカテゴリが追加されています。 UIViewController (iA... 続きを読む

レイアウトを美しく！WEBデザインに黄金比や白銀比を取り入れよう | 株式会社LIG

2013/12/16 160 users 白銀比 レイアウト 株式会社LIG 黄金比 webデザイン

こんにちは。デザイナーの白浜です。 今回はWEBのレイアウトや画像制作で気軽に黄金比や白銀比を取り入れるためのお役立ちツールをご紹介します。 わりと自分用メモですが良かったら参考にしてみてください。 黄金比や白銀比を取り入れるためのツール5選 レイアウトの小技 http://viskowaza.web.fc2.com/layout/index.html 画面をどんどん黄金比や白銀比で区切っていって... 続きを読む

連携サービスも多数。feedly、もしくは iCloud と同期するニュースサイト風レイアウトの RSS リーダー『Newsify』2.1.1 [iPhone] [iPad] | life with i

2013/10/06 28 users iPhone Feedly iCloud Newsify 多数

Follow websites and blogs, on the go. Read and share your favorite websites and blogs on your iPhone, iPod touch or iPad with an amazing newspaper-like layout. 『Newsify』は、feedly もしくは iCloud と同期するニュースサ... 続きを読む

Layout、Paintingとは何か？レンダリングから学ぶWebサイトのパフォーマンス | Dress Cording

2013/04/04 166 users レンダリングエンジン レンダリング パフォーマンス 根拠 前半

どうしたらWebサイトのパフォーマンスを向上させることができるのか？ レンダリングエンジンについて学ぶことで、その根拠を理解していきたいと思います。 前半ではレンダリングプロセスについて、それを踏まえた上で、後半ではJavaScript、CSSそれぞれの高速化、最適化について書きます。 この記事を書き終える頃には、自分でも最適な判断できるようになることを願って。。 もくじ 1. レンダリングの基礎... 続きを読む

[Mac] Reeder for MacをMinimized layoutで読むススメ。 | 和室Mac

2012/05/11 20 users 和室Mac Mac ススメ iPhone Reeder

今日は僕のMacでのReederの読み方を書いてみようかと思います。 このアプリはホントに使いやすくてiPhoneでもRSSを消化しますけど、主にRSSはこのアプリが快適すぎてMacで読むことが多いです。 layoutは二通り Classicと呼ばれるlayoutです。フィードと記事を表示する場所が分かれていて、元サイトの表示もアプリ内で行えます。 こちらが今回オススメするMinimized la... 続きを読む