グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing

2017/12/04 831 users Vue SVG Advent Calendar Vue.js

2017 - 12 - 04 グリグリ動くUIをVueとSVGでサクッと書く これは Vue.js #3 Advent Calendar 2017 – Qiita 4日目の記事です。 こんにちは。 SVG で色々な コンポーネント を作っているものです。最近の作品は下記のような感じです。 Webでグリグリ動くUIを作りたい！！という一心でやっています。 これらはほとんど SVG とVueの組み合わ... 続きを読む

宣言ブロックのCSS設計｜Web Design KOJIKA17

2017/07/18 682 users CSS設計 Web Design KOJIKA17 CSS

日本語で「CSS設計」を検索すると、記事やつぶやきなどでセレクタの命名規則に関する話題が多いです。 CSSを設計する上で、命名規則は重要な要素でしょう。 簡単なセレクタ名だと他のスタイルと重複する可能性もあります。他のスタイルと重複しないようにセレクタの子孫数を増やしてしまうと、今度はスタイルの取り回しが悪くなります。 またデザインをコンポーネントに分ける粒度について紹介されていますが、命名規則の... 続きを読む

時系列データベースに関する基礎知識と時系列データの符号化方式について - クックパッド開発者ブログ

2017/05/31 576 users 時系列データベース 符号化方式 時系列データ 基礎知識 本稿

2017 - 05 - 31 時系列データベースに関する基礎知識と時系列データの符号化方式について こんにちは。インフラストラクチャー部 SRE グループの吉川 ( @rrreeeyyy ) です。今期オススメのアニメはツインエンジェル BREAK です。 普段の業務並びに趣味の一環として、サーバのモニタリング環境の調査や改善に取り組んでいます。 そこで本稿では、モニタリングのコンポーネントの一つ... 続きを読む

デザインの参考になる！最近のスマホアプリで見かけるUI、インタラクションがまとめられたギャラリーのまとめ | コリス

2018/11/22 575 users コリス インタラクション ギャラリ アニメーション レイアウト

最近のスマホアプリで見かけるUI、レイアウト、コンポーネント、アニメーション、インタラクションなどがまとめられたギャラリ−を紹介します。 デザインのアイデアを探している時に、ブックマークしておくと便利ですね。 Mobbi...記事の続きを読む 続きを読む

CSSの進化がすごすぎる！新しいレスポンシブデザインの実装方法を解説 | コリス

2021/05/27 554 users コリス ビューポート CSS アニメーション 進化

現在のレスポンシブデザインは、ビューポートにもとづいてレイアウトを最適化しています。しかし、新しいレスポンシブデザインでは、アニメーションが不要なユーザーには動きを少なくしたり（無くしたり）、親コンテナの幅にもとづいてコンポーネントを最適化したり、スコープ付きスタイルやフォームファクターなど、ユ... 続きを読む

スゴイのが登場！Webやスマホページを積み木感覚でデザインできる、日本語対応の無料オンラインツール -STUDIO | コリス

2017/08/29 549 users コリス ブッダ Studio ヘッダ 積み木感覚

国産のツールでは初じゃないでしょうか。 Webサイトやスマホアプリのページデザインを積み木感覚で楽しくデザインできる無料のオンラインサービスを紹介します。 操作が非常に快適で、ちょっと触るだけでもかなり楽しめます。 STUDIO STUDIOは無料で利用できるオンラインサービスで、日本語版と英語版がリリースされています。 ヘッダやフッタ、コンテンツのコンポーネントなどをドラッグ&ドロップでぽんっと... 続きを読む

マイクロソフト、無償のWeb開発環境「WebMatrix」を公開。HTML/CSS/JavaScriptエディタ機能、PHP対応、FTP機能など手軽で便利な統合ツール － Publickey

2011/01/17 542 users Publickey WebMatrix テキストエディタ

マイクロソフトは先週、無償のWeb開発環境「WebMatrix」の提供を開始しました。WebMatrixには以下のコンポーネントが含まれており、Windowsで簡単にWebサイトの構築を行うことができます。 Web開発ツール HTML/CSS/JavaScript/PHPなどに対応したテキストエディタを含む開発ツール。FTPによりファイルをホストへボタン1つで転送できる HTTPサーバ IIS E... 続きを読む

Firefoxの必携アドオン10選 - IT業界を生き抜く秘密10箇条 - ZDNet Japan

2008/09/01 529 users Firefox アドオン Firefoxアドオン タブ 高機能

Firefoxは、アドオンをインストールすることで使い勝手が向上する。そこで、筆者お気に入りのFirefoxアドオンを10個紹介する。 あなたが定期的に巡回しているウェブサイトへのアクセスを迅速に行いたいのか、高機能のタブを使用したいのか、それともシステムを潜在的に危険なアクティブコンポーネントから守りたいのかにかかわらず、あなたの役に立つFirefoxのアドオンが存在している。本記事では、時間を... 続きを読む

「Google日本語入力」開発者が語る、その狙い - ITmedia News

2009/12/07 501 users ITmedia News google日本語入力 開発者

ニュース 「Google日本語入力」開発者が語る、その狙い 大きな反響を呼んでいる「Google日本語入力」。そこには「IMEはWebアプリケーションの重要なコンポーネントの1つだ」というWeb企業・Googleらしい認識と理想が込められている。開発者が狙いを語った。 2009年12月07日 20時47分 更新 Google日本法人が公開した新日本語入力システム（IME）「Google日本語入力」... 続きを読む

2016年これからのWeb制作業界の流れ、注目されているテクニックやツール、Webデザインのトレンドなどのまとめ | コリス

2016/01/13 481 users コリス セレニティ ジェネレーター クオーツ テクニック

数多くのブログで2016年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 注目キーワードは、UI/UXはユーザーありきを忘れずに、洗練されたUIパターンとコンポーネント、旧バージョンIEのサポート終了、静的ページのジェネレーター、ページの肥大化。 淡いピンクとブルーは、今年のトレンドカラーのローズ クォーツとセレニティ 参考: 201... 続きを読む

2019年版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTips - Qiita

2019/03/01 479 users Qiita Vue.js with Vuex Tips 画面

2019年版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTips はじめに 私はVue.js with Vuexを使った業務で1画面30APIを叩く必要のある画面から、たったの数APIしか叩かないけれど、代わりにUIがとても機能的で複雑な画面まで設計し、... 続きを読む

ブルマがすごい！外部CSSを一つ加えるだけで今時のコンポーネントやエレメント、レイアウトが簡単に利用できる -Bulma | コリス

2016/02/05 444 users フレームワーク Flexboxベース CSS Bulma 全部

外部CSSを一つ加えるだけで、最近よく見かけるさまざまなコンポーネントやエレメント、Flexboxベースの柔軟なレイアウトが簡単に利用できるCSSのフレームワークを紹介します。 一部だけ利用してもよし、もちろん全部を利用 ...記事の続きを読む 続きを読む

Bootstrapで最近人気の高いレイアウトやコンポーネントを簡単に実装できるテンプレートのまとめ | コリス

2015/07/31 439 users コリス Bootstrap アニメーション テンプレート 配置

上部固定のScrollspy対応ナビゲーション、アニメーションがかっこいいオフキャンバスメニュー、ブラウザの高さいっぱい・半分に画像を配置、複数のコンテンツを配置するレスポンシブ対応のコンポーネントなど、最近よく見かける人気の高いレイアウトやコンポーネントを簡単に実装できるBootstrap用のテンプレートを紹介します。 Bootstrap 実装方法のほとんどは、Bootstrapの最小限の構成に... 続きを読む

2018年Vue.jsとVuexを使ってる人には必ず知っていてほしいドキュメントに書かれていないコンポーネントやストア、メンテナンスの際に役立つTips

2018/09/13 437 users Vuex Tips Vue.js with Vuex ストア

2018年Vue.jsとVuexを使ってる人には必ず知っていてほしいドキュメントに書かれていないコンポーネントやストア、メンテナンスの際に役立つTips はじめに 私はVue.js with Vuexを使った業務で1画面30APIを叩く必要のある画面から、たったの数APIしか叩かないけれど、代わりにUIがとても機能的で複雑な画面まで設計し、構... 続きを読む

Notionの標準機能だけでWebサイトビルダーを作ってしまった「The Super Builder」がスゴイ！ - paiza開発日誌

2021/11/17 434 users Notion フルカスタマイズ ノーコー paiza開発日誌

どうも、まさとらん（@0310lan）です！ 今回は、ごく普通のNotionドキュメントで構築された完全無料のWebサイトビルダーをご紹介します。 必要なものはNotionアカウントのみ！ 多彩なコンポーネントをドラッグ＆ドロップするだけで、誰でも簡単に美しいWebサイトを構築できるのが特徴で、フルカスタマイズ可能なノーコー... 続きを読む

CSSはやっぱり便利！最近のWebページでよく使うさまざまなコンポーネントを実装するスタイルシートのまとめ | コリス

2016/07/08 427 users 加速 ひと昔前 コリス ブラウザ IE8

ここ数年でCSSは加速度的に進化し、ひと昔前まではJavaScriptを使用しないと実装できなかったのが、CSSのみで実装できるようになりました。また、サポートすべきブラウザもIE8が除かれるようになり、今まで躊躇してい ...記事の続きを読む 続きを読む

iPhone 6 Plus iSight カメラ交換プログラム - Apple サポート

2015/08/22 418 users シリ iSight シリアル番号 特定 ごく一部

ごく一部の iPhone 6 Plus で、iSight カメラのコンポーネントの一部が故障し、撮影した写真がぼやけて見える場合があることが判明しました。影響が確認されているのは、主に 2014 年 9 月から 2015 年 1 月までの間に販売され、シリアル番号が特定の範囲内にある iPhone 6 Plus です。 お使いの iPhone 6 Plus で撮影した写真がぼやけて見え、同機のシリ... 続きを読む

コーディング中のクラス名で迷いたくない！よく見るコンポーネントの名前17選 | 株式会社LIG

2015/06/17 417 users 株式会社LIG thumbnail コーディング中 クラス名

thumbnail サムネイル画像。 アイキャッチ画像やギャラリーページの画像一覧などで用いられます。 avatar ユーザのアバター画像。 Webサービスのユーザ情報ページや、ブログの著者情報などに用いられてます。 feature そのサービスの特徴を説明しているコンポーネント。 イメージ＋テキストでひとくくりになっていることが多いです。 overlay 要素の上に覆いかぶさるコンポーネント。 ... 続きを読む

2020年後半版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTips - Qiita

2020/07/16 400 users Qiita Vue Tips TypeScript 武器

リポジトリはこちらから見れます. https://github.com/kahirokunn/vue-ts-sample Vue.js + TypeScriptの対応状況は日々改善されています. 以前までは.vueを利用してもVue.extendを利用してコンポーネントを開発する場合はこのシンプルなコードでも型のエラーが出てしまい、TypeScriptでの開発体験はまだまだ改善できるも... 続きを読む

最近のサイトで見かけるかっこいいエレメントがコピペで実装できるコンポーネント集 -Refills | コリス

2014/04/16 387 users Refills コリス ブッダ モーダル アコーディオン

ヘッダやフッタ、ナビゲーション、タブ、アコーディオン、カードコンテンツ、モーダル、パンくず、オーバーレイコンテンツなど、最近のサイトで見かけるかっこいいエレメントがコピペで実装できるコンポーネント集を紹介します。 Refills Refills -GitHub デモでは、さまざまなコンポーネントの動作が確認できます。 ナビゲーション 下に半分見えてるのは、打ち出しコンテンツ 各デモの「Show C... 続きを読む

reactjs - React 雑感 - Qiita

2015/03/18 382 users Qiita React reactjs サーバーサイド 雑感

3/22 (日) の rebuild.fm で React の話をしようと思っているが、その前に頭を整理するために React 雑感。雑感なので殴り書き。 React はこれ一つで複数の課題を解決しようとしている。そのため、人と議論してると話のコンテキストがぶれやすい。ざっくりは フロントエンドのプログラミングパラダイムを、サーバーサイドのような富豪的なスタイルに変える コンポーネント (雑に言う... 続きを読む

Webデザインのアイデアに困ったら！参考になるさまざまなコンポーネントやレイアウトをまとめた -Call to Idea | コリス

2014/07/15 372 users コリス AdWords レイアウト タブ ナビゲーション

Webページによく使用される、アイテムを並べるリスト、ギャラリー、タブ、ナビゲーションといったさまざまなコンポーネントをはじめ、打ち出しコンテンツのレイアウト、サンプルの表示方法、AdWordsの配置、データがない状態のレイアウトなど、Webデザインのアイデアをまとめているサイトを紹介します。 Call to Idea デザインのアイデアは、コンポーネントが19種類、レイアウトが6種類、その他4種... 続きを読む

Web制作者はブックマークしておくと便利！ 各UIコンポーネントのさまざまな実装方法のまとめ -The Component Gallery

2022/11/09 357 users 各UIコンポーネント フック 実装方法 WEB制作者 部品

Webサイトやアプリでよく使用される各UIコンポーネントのさまざまな実装方法がまとめられたThe Component Galleryを紹介します。 コンポーネントは再利用可能な単一の部品として利用でき、実装するコードや名前の付け方など、Web制作者には非常に勉強になると思います。 The Component Gallery The Component Galleryの... 続きを読む

思考停止しないアーキテクチャ設計 ➖ JJUG CCC 2018 Fall

2018/12/15 353 users ccc_e Fall 設計 JJUG CCC 思考

思考停止しないアーキテクチャ設計 ➖ JJUG CCC 2018 Fall 1. 思考停止しないアーキテクチャ設計しないアーキテクチャ設計アーキテクチャ設計設計 kawasima JJUG CCC 2018 Fall #ccc_e3 2. What is Software Architecture ● IEEE1471「コンポーネント、それらの関係や環境、設計やそのコンポーネント、それらの関係や環境... 続きを読む

思考停止しないアーキテクチャ設計 ➖ JJUG CCC 2018 Fall

2018/12/15 352 users ccc_e Fall 設計 JJUG CCC 思考

思考停止しないアーキテクチャ設計 ➖ JJUG CCC 2018 Fall 1. 思考停止しないアーキテクチャ設計しないアーキテクチャ設計アーキテクチャ設計設計 kawasima JJUG CCC 2018 Fall #ccc_e3 2. What is Software Architecture ● IEEE1471「コンポーネント、それらの関係や環境、設計やそのコンポーネント、それらの関係や環境... 続きを読む