AmazonLinuxにSophosインストール時に発生したエラー – 猫のプロトコル
AmazonLinuxにSophosをインストールしようとしたらgccがないというエラーが発生しました。 Sophos Anti-Virus をインストールしています.... 適切なカーネルサポートを選択しています... Sophos Anti-Virus が起動すると、カーネルサポートを見つけるためアップデートします。 これによって大幅な遅れが発生することがあります。 Sophos Anti-Virus は、インストール終了後、開始されました。 Starting Sophos Anti-Virus daemon: [ OK ] Starting Sophos Anti-Virus GUI daemon: [ OK ] インストールが完了しました。 Sophos Anti-Virus GUI は http://localhost:8081/ で環境設定できます オンアクセス検索は実行できま
フォームをより使いやすくするためのJavaScript/CSSツール10選
この記事はSpeckyboy Design Magazineからの翻訳転載です。配信元または著者の許可を得て配信しています。 10 JavaScript and CSS Tools to Enhance Your Forms フォームは多くのWebサイトにとって欠かせないものです。しかし私たちは、その細部にまでいつも気を配れるわけではありません。 フォームを改善する方法はたくさん存在します。バリデーションの追加や、マスクやその他のビジュアルガイドをインプットしたりすることが挙げられるでしょう。そしてこれは表面的な対処でしかありません。最終目標は、できる限り使いやすく魅力的なフォームにすることです。 この記事では、最適なフォームを作るための10の無料ツールを紹介します。 formbase formbaseは、CSS/SASSを使用してフォーム要素に改善されたデフォルト要素をもたらすパッケージ
Webサービスの品質向上のために導入しているサービス・ツールまとめ - LCL Engineers' Blog
LCLが運営しているWebサービスは、品質向上のために、複数のサービスやツールを利用しています。今回はそれらのサービス・ツールをまとめてご紹介します。 品質向上のためのプロセス それぞれのサービス・ツールは以下のタイミングで利用しています。 各サービス・ツールの紹介 各サービス・ツールについて、一つずつご紹介します。 なお、今回はコードレビューや手動テストについては取り上げません。 SideCI SideCIとは、コードレビューを自動化してくれるサービスです。GitHubのプルリクエストを自動で解析して指摘してくれます。 Ruby, PHP, JavaScript, CSS, Java, Python, Go, Swiftなどに対応しているようです（2018/02/15現在）。 詳細は以下の記事でご紹介しています。 techblog.lclco.com SideCIは、プルリクエストが作ら
PRPL パターンを使用して即時読み込みを適用する | Articles | web.dev
PRPL パターンを使用して即時読み込みを適用する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 PRPL は、ウェブページを読み込んでインタラクティブに高速化するために使用されるパターンの頭字語です。 遅れて検出されたリソースをプリロードします。 最初のルートをできるだけ早くレンダリングします。 残りのアセットを事前にキャッシュに保存します。 他のルートや重要性の低いアセットを遅延読み込みします。 このガイドでは、これらの各手法を連携させながら、個別に使用してパフォーマンスを向上させる方法について説明します。 Lighthouse を使用してページを監査する Lighthouse を実行して、PRPL の手法に沿った改善の機会を特定します。 Ctrl+Shift+J キー（Mac の場合は Command+Option+J キー）を押して DevToo
【モバイルファーストなCSS】 - Webサイト専門プログラマの言いたい放題
モバイルファーストとは、モバイルデバイス向けの 最適化を優先したウェブページの作り方を言います。 コーディングにおいては、 モバイルでアクセスしたとき最小限のリソースのみ 読み込むようにすることで、表示速度を無駄に遅く しないという配慮もモバイルファーストの考え方に 基く結論です。 CSSファイル1つで書くなら、 最初にモバイル用スタイル、次にPC用スタイルを。 /*モバイル用CSS*/ ・・・・ ・・・・ @media screen and (min-width: 768px) { /*PC用CSS（タブレット含む）*/ ・・・・ ・・・・ } CSSファイルを分けるなら、PCのみ追加CSSを 読み込むようにHTMLでメディアクエリを記述。 <link rel="stylesheet" href="mobile.css"> <link rel="stylesheet" href="pc.
vivus.js - svg animation
vivus, bringing your SVGs to life Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearance of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like. View on GitHub Delayed Every path element is drawn at the same time with a small
様々なチェックボックスを気軽に再現できる「CSS Checkbox Library」
WEBサイトで何かを選択する際に使用するチェックボックス。アンケート機能やメールフォームにはよく利用されていることから、機会が多いのであれば、テンプレートとして所持しておきたいものです。そんな方におすすめできる「CSS Checkbox Library」を今回は紹介したいと思います。 チェックボックスに焦点をあて、いろんなタイプのものがまとめられています。気になったものをいくつかピックアップしているので下記よりご覧下さい。 詳しくは以下 丸と四角のチェックボックスの他に、オンオフ機能で使用しやすいスライド式のボタンも収録されているのは嬉しいポイント。“GET HTML”と書かれているボタンをクリックするとコードをコピーすることができます。エフェクトの付け方やデザインが違うものが多く収録されているので、ブックマークしておくと非常に便利。 チェックボックスやスライド式ボタンはよく使用するもので
個人開発を加速させるツール群
俺コン Vol.1 / Day. 2 https://orecon.connpass.com/event/64285/ Firebase, Google Analytics, Fabric, Apple App Analytics の個人的使い分け http://starhoshi.hatenablog.com/entry/2017/07/04/Firebase%2C_Google_Analytics%2C_Fabric%2C_Apple_App_Analytics_%E3%81%AE%E5%80%8B%E4%BA%BA%E7%9A%84%E4%BD%BF%E3%81%84%E5%88%86%E3%81%91 Rails サーバから Google Analytics API で情報を取得する手順 http://bekkou68.hatenablog.com/entry/2014/08/20
JavaScriptだけで本格的なチャットボットを開発できるライブラリ「BotUI」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、ブラウザ上で動作するPC・スマホ対応の「チャットボット」を、超簡単にJavaScriptでプログラミングできるライブラリのご紹介です！ Vue.jsとPromiseをベースにしたとても簡単な構造になっているのが特徴で、カスタマイズ性も高いので手軽に自分だけのボットを作って公開することが可能ですよ。 【 BotUI 】 ■「BotUI」の使い方 それでは、まず最初に「BotUI」を使うための基本的な準備を簡単に済ませておきましょう！ 「BotUI」はVue.jsをベースに作られているので、「vue.js」の本体ファイルと「BotUI」関連のファイル（JS / CSS）が必要になります。 「npm」や「Webpack」を使って導入しても良いですし、CDN経由で以下のファイルを読み込んでもOKです！ // メインのスタイルシート及びデフォルト
CSSで実現！目を奪われる素敵ホバーエフェクト用HTMLスニペット32個まとめ
普段からユーザーが何気なく利用しているホバーエフェクトやマウスクリックを、CSSアニメーションを使ってより魅力的に表現してみませんか。動きに目が奪われるアニメーションエフェクトは、デザイン的な見た目だけでなく、画像やハイパーリンクのクリックしやすさなど、ユーザビリティや操作性を大幅に改善することができます。 今回は、ユーザーの印象に残る効果的なホバーエフェクト用HTML/CSSスニペットをまとめてご紹介します。 HTML/CSSのみでスタイリングされたスニペットも多く、自由にカスタマイズできるだけでなく、コピペでサイトに利用することも可能です。ユーザーのハートをがっちり掴むエフェクトを、今後のプロジェクトに活かしてみてはいかがでしょう。 コピペ可ですぐに役立つ！マテリアルデザインを極めるHTML/CSSスニペット30個まとめ コピペで利用可！思わず押したくなるボタンエフェクト用HTMLスニ
Webix を使ってみた - Qiita
はじめに HTML＋JavaScript でアプリ開発するにあたって、UI ライブラリをどうするか悩みました。独自に CSS＋JavaScript で書ければいいのですが、無理なので既存のライブラリを使うことにします。jQuery UI や jQuery Mobile に始まり、Twitter Bootstrap 、Adobe Topcoat 、Intel App Framework など試しました。モバイルアプリは Onsen UI がよさそうです。デスクトップアプリは Titanium 、Sencha Ext JS 、Kendo UI など見てみました。その上で Webix が気に入りました。 参考 サクサク書けて柔軟なカスタマイズが可能な、UIフレームワーク「Webix」 | #GUNMAGISGEEK Webix とは Webix は、クロスブラウザの（主要ウェブブラウザで動作する
JavaScript製UIライブラリ選定の裏事情と、実用サービスでの使いこなしテクニック（弥生会計 オンライン＋Wijmoの場合）［PR］
数が多すぎて選定が難しいWeb用のUIライブラリ。PC向け会計ソフトの「弥生」の場合、クラウドサービス開発に当たってどう考えて選定したのか。UIライブラリ選定の参考とするため、その理由・背景と活用ノウハウを聞いた。 連載 INDEX 次回 → あなたがクラウド系のサービスを使っているなら、当然、JavaScriptをはじめとするWeb標準技術を使っているだろう。Web標準技術は、オープンソースソフトウェア（OSS）との親和性が高く、多くのライブラリ／フレームワークがOSSとして開発されている。その中には多くのUIライブラリも含まれる。あまりに多種多様なので、どのUIライブラリを使えばよいかを迷っている人は少なくないだろう。 実際、UIライブラリはどうやって選定すればよいのか。その参考としていただけるよう、本稿ではクラウドサービス開発を推進しているある企業に、自らのライブラリ選定の体験を説明
タスク、プロジェクト管理の表示に便利なガントチャートライブラリまとめ
業務システムでは各人員のタスク管理が重要になります。単発のタスクだけでなく、グルーピングしたり、さらにあるタスクの成果物が他のタスクに関連したりしていると必要になってくるのがガントチャートです。 今回はWebベース、HTML5で作られたガントチャートライブラリをまとめて紹介します。自社システムに組み込む際にぜひ参考にしてください。 Twproject Gantt Webサービスのガントチャートも提供していますが、オープンソース（MIT License）で取得もできます。チャート内での変種機能、クリティカルパス設定、リサイズ、スクロール、SVGによるドロー、ドラッグ&ドロップによる移動などの機能がサポートされています。 Twproject Gantt jQuery.ganttView シンプルな色合いのガントチャートです。ドラッグ&ドロップ、スクロール、イベントのハンドリングなどの機能があり
CSS Chat | Bypeople
A curated collection of CSS chat interfaces, where you'll find concepts, snippets, prototypes, and final products of responsive chat UIs, widgets, windows, boxes, and apps, as well as a variety of CSS effects to go with them like blurs, bubbles, etc. Anything from Material Design chat UIs to Flat design styles to use in your next web project. Find out more amazing resources including chat icons an
株式会社ハレックス
小難しい機能説明なんかより、 何はともあれ、ぜひ触って！実感してみてください。 このページでは、ハレックスのオリジナル気象システムHalexDream！のサービスを、実際にお試しいただけます！ 以下の手引きにそって、いろいろ体験してみてください。 HalexDream！で保持するデータ内容について気軽に実感いただけます！
KUTE.js Core Engine Examples | Javascript Animation Engine
KUTE.js core engine can animate by itself a great deal of CSS properties as well as scroll. You can do it all with native Javascript without libraries like jQuery, but before we head over to the more advanced examples, let's have a quick look at these two basic examples here. Note: the examples are posted on codepen. Basic Native Javascript Example When developing with native Javascript, a very ba
Nightwatch V3 | Node.js powered End-to-End testing framework
One framework for all platforms Mobile webTest on your web apps on real mobile devices, and scale easily by connecting to cloud grids Native mobileTest your native iOS and Android apps with Nightwatch Real desktop browsersTest on real browsers which accurately reflect your users’ environment Searching for bugs just got easy PinpointIdentify the source with the built-in HTML reporter with test stat
Type Nugget (Beta) | CSS Typography & Typesetting Tool
New Starter Themes Crafted by Real Users! Check out type themes others have made with us and download stylesheets. H1: Holy CSS Nuggets, Batman Welcome to The Type Nugget Beta - the online typesetting tool that will eventually make all of your online typesetting dreams come true. Configure some properties in the panel on the right and it’ll change this preview text live in browser (also go ahead a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
LINEでビーコンを使う
The Cicada Principle and Why It Matters to Web Designers » HTML & CSS, Layout » Design Festival
