ApacheとNode.jsの共存 - Qiita
ApacheとNode.jsを共存させる方法。 さくらVPSでApacheで立てたサーバの他にNodeで立てたサーバが必要になったので、その作業のメモ。 ApacheやNode.jsは既にインストールされているものとする。 構成は以下の通り。 node-http-proxy (Port 80) │ ├─Apache (Port 8080) example.com, apache.example.com │ └─Node.js (Port 8081) node.example.com 使用した環境 CentOS 6.5 node v0.10.29 npm 1.3.6 apache 2.2.15 1. rootユーザ以外にもポート80番の実行権を与える 80番はrootでないと使用できないため、任意のユーザ(ここではhogeとする)に実行権を与える。 任意のユーザの追加とグループをwheelに
Lottie
Easily add high-quality animation to any native app. Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images. Get Started Learn more › Why Lottie? Flexible After Effects features We currently support solids, shape layers, masks, alpha mattes, trim paths, and dash patterns. And we’ll
JSの品質 #scripty02
2014/12/15の勉強会にて発表された資料です。 SCRIPTY#2 ～フロントエンド紳士・淑女のための勉強会～ http://scripty.connpass.com/event/10345/Read less
【JavaScriptコードメトリックス】 ソースコードの複雑さや保守の容易さを測定できるWEBサイト
あくまで目安です。 Analysis | JSComplexity.org テキストエリアにJavaScriptコードを入力すると、全体のサイクロマティック複雑度(循環的複雑度)と保守容易性指数 、各ファンクション毎にプログラムステップ法(ハルステッドモデル)で測定した結果を出力してくれるサービス。 コードメトリックス値の算出には、node.jsの「complexityReport.js」プラグインを使用しているとのこと。 コードメトリックスの各用語については以下を参照してください。 コード メトリックス値 サイクロマティック複雑度 もっと詳しい内容はwikiで。 ソフトウェア測定法 循環的複雑度
JSコードの品質チェックをしてくれるgrunt-platoについて紹介するよ - Qiita
grunt-platoとは platoというツールから、JavaScriptコードのソフトウェアメトリクスを計測し、HTMLでレポートを生成してくれるGruntプラグインです。 https://npmjs.org/package/grunt-plato https://github.com/jsoverson/grunt-plato platoとは 上でほとんど書きましたが、platoはJavaScriptコードのソフトウェアメトリクスを計測し、HTMLでレポートを生成してくれるNode製のツールです。 https://github.com/es-analysis/plato platoではjQuery, Grunt, marionetteのレポートをサンプルとして公開してくれてるので、まずはこれらを見て、どのようなものなのか知ってください。 http://es-analysis.gith
[JS]マイクロインタラクションを簡単に！よく使うUIエレメントに操作している感覚をアニメーションで与えるスクリプト -Tilt
カード、パネル、ボタンなど、よく使うUIエレメントをユーザーの操作に応じてふわりと浮かせ、アニメーションでぐりぐりと動かして視差効果を与えるJavaScriptの超軽量ライブラリ（jQueryのプラグインも可）を紹介します。 CSSアニメーションが苦手なグラデーションやシャドウでも60fpsの滑らかな動きを実現します。 Tilt.js -GitHub このアニメーションGIFは軽量化のためコマを落としているので、実際の滑らかな動きは下記のデモでお楽しみください。 Tilt.jsの使い方 Tilt.jsは単体でも、jQueryのプラグインとしても動作します。 ※スクリプトがそれぞれ異なります。 vanilla-tilt.js -単体版 Tilt.js -jQueryのプラグイン版 基本書式 HTMLに「data-tilt」を加え、当スクリプトを外部ファイルとして記述します。
![[JS]マイクロインタラクションを簡単に！よく使うUIエレメントに操作している感覚をアニメーションで与えるスクリプト -Tilt](https://cdn-ak-scissors.b.st-hatena.com/image/square/725c3bf66a12921823f06acb252f0fc74725f6e0/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201701%2F2017013001.png)
あなたなら何を絞り込む？絞り込み検索に挑戦しよう！ | コラム | Web制作 株式会社ワンゴジュウゴ WAN55 （東京・千代田区）
なぜ、WEB業界30年目の会社が「音楽エンタメ業界」特化の転職支援・人材育成を行うのか。 ワンゴジュウゴ×SNS×音楽エンタメ業界 「ワンゴジュウゴが、なぜ音楽エンタメ業界に特化した転職支援・人材育成を行っているのか」という質問をよくいただきます。 きっかけは、元大手音楽エンタメ企業に20年ほど勤めていたスタッフが参画したことで... その他ビジネスマーケティングライフハック人材育成・研修・人材紹介雑学・時事ネタ 2024年06月24日 【初めてのGA4導入】GA4の初期設定と簡単な使い方を丁寧に解説します！ GA4はすでに導入されていますか？本記事ではクライアントからよくご相談いただくGA4の初期設定について解説しており、最後まで読むとGA4の初期設定だけでなく基本的な内容も理解できるようになります。GA4の導入はしたけど、初期設定が完了してい... Webサービスビジネス 2024年0
オープンソースの綺麗な絵文字実装ライブラリ「emojione」:phpspot開発日誌
GitHub - Ranks/emojione: EmojiOne™ is the open emoji standard. #iwantemojione オープンソースの綺麗な絵文字実装ライブラリ「emojione」 次のような綺麗な絵文字をphp, jsで扱えるようにするライブラリです。:smile:といった文字で入力してライブラリで変換出来るので入力も容易です 関連エントリ emojiをWYSIWYGで入力できるようにするjQueryプラグイン「emojionearea」 サジェスト等、多機能なタグ入力UI実装jQueryプラグイン「jquery-tagger」 リストのアイテムを追加・削除できるUI実装「pickList」
ブラウザでJSONをフィルタリング、操作出来るOSS・「json.browse」
json.browseはブラウザでJSONを操作出来るオープンソースのソフトウェアです。指定したりコピペでコードを貼り付け、フィルタリングした後に、JSON或いはJavaScriptで出力してくれます。目的も使い方もシンプルで良いですね。本ツールはMIT。ライセンスの元、ソースコードが公開されています。 json.browse
開店/閉店を細かく指定して切り替えられる「jQuery Now Open」:phpspot開発日誌
jQuery Now Open 開店/閉店を細かく指定して切り替えられる「jQuery Now Open」 お店のホームページなどで、今オープンしているかどうかを表示したいようなケースで、簡単にそれを実現するjQueryプラグインです。 if分岐よりも分かりやすく書くことができるようです 関連エントリ テーブルのヘッダーを固定表示することが出来る「jQuery.floatThead」 ページ遷移をアプリっぽくすることができる「jQuery.smoothState.js」 枠のサイズに応じてテキストを自動省略できる「Jquery-quickfit」 綺麗な右クリックコンテキストメニューを実装できる「jQuery contextMenu」
コーダー目線で始めるThree.js - その３：とりあえず「Hello World!」 | バシャログ。
21日に『GUNDAM VERSUS』PS4向けクローズドβテストの発表がされ、今からもうドキドキが止まらない kouraku です、こんにちは。 きっと、また嫁の冷たい視線を浴び続けながらプレイすることになるのでしょうね。でも負けない！ 前回の記事 さて前回は、Three.jsで3次元グラフィックスを描画するための仕組みと手順について、kouraku なりに解釈したイメージと共にご紹介しました。今回は、その内容を元にサンプル「Hello World!」を表示させたいと思います。 【この記事で必要な知識】 HTML/CSS javascript jQuery 「Hello World!」を3D空間に表示する ベタではありますが、まずは3D空間上に「Hello World!」を表示させたいと思います。 サンプル3のHTML/CSSを用意しました。 サンプル3-1:「Hello World!」
デフォルトのselectボックスをかっこいいドロップダウンに変更するjQueryプラグイン:phpspot開発日誌
GitHub - Wancieho/jquery-vdrop: Minimalistic & customisable jQuery plugin to replace standard HTML select dropdowns デフォルトのselectボックスをかっこいいドロップダウンに変更するjQueryプラグイン 次のようなドロップダウンにスタイリングできます 関連エントリ 検索が可能なドロップダウン実装用jQueryプラグイン「fuzzyDropdown」 BootstrapのDropdownを使うなら必ず知っておきたい「Bootstrap Enhancement Dropdowns」 言語切り替え用のドロップダウンUIを簡単実装できる「Polyglot」
CSSやJavaScriptで実装された、2016年に人気が高かったテクニックのまとめ -Top Pens of 2016
世界中の多くのWeb制作者・クリエイターが利用しているCodePenから、CSSやJavaScriptを使って実装された2016年にもっとも人気のあったデモを紹介します。 Top Pens of 2016 on CodePen Top Pens of 2016では、人気が高かったスゴ技が100個紹介されており、その中からベスト10を紹介します。 当ブログで紹介したものもいくつかあり、初見のものいくつかありました。 I DESIGN WITH CODE ❤ 10位は、Creogram animatedの動画にインスパイアされて実装されたSVGアニメーションのデモ。動きだけでなく、見せ方もうまいです。
軽量で非依存のパララックス実装スクリプト・「Rellax.js」
Rellax.jsは軽量で他ライブラリに依存しないパララックス実装スクリプトです。少し前に流行って今は割と普通に見かけるようになった視差効果のあるWebページの制作をサポートしてくれる、というもの。ファイルサイズはmin版で3kbほど。確認はしてませんがモバイルでも動作するようになったそうです。ライセンスはMITです。 Rellax.js
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Home | Shuffle.js
グリッドで作るレスポンシブなタブUIデザイン実装「Gridtab」:phpspot開発日誌
レスポンシブWebデザイン対応の棒グラフ、折れ線グラフ、円グラフを作れる・「Pizza Amore!」 - かちびと.net
軽量かつライブラリ依存なしのタッチ端末に対応したカルーセル実装「Siema」:phpspot開発日誌
What is polyfill? - Definition from WhatIs.com
What JavaScript Programmers Need to Know about Transpilers
