Editor.js - ブロック単位で編集するWYSIWYGエディタ MOONGIFT
WYSIWYGなエディタは長い歴史があります。CKEditorのような重厚なものが好まれた時期もあれば、現在はWebページ上でインラインで編集できるものが好まれる傾向にあります。様々なソフトウェアがありますが、今なお決定的なものがありません。 今回紹介するEditor.jsはブロックベースという特徴を持ったWYSIWYGエディタです。 Editor.jsの使い方 Webページです。見た目は普通のHTMLになっています。 マウスを当てると編集ができます。右端では並び替えが可能です。 文字を選択すると装飾が選べます。 文字の追加も可能です。 ブロックを足す際には画像や引用、ヘッダーなどを選べます。 画像の挿入例。 枠で囲んだ画像も使えます。 Editor.jsはJSONで出力されるので、再利用もしやすいのが特徴です。HTMLを記述することもできますが、基本的にMarkdown相当な記法指定にな
最新版で学ぶwebpack 4入門 – JavaScript開発で人気のバンドルツール - ICS MEDIA
webpack（ウェブパック）とはJSファイルをまとめる高機能なモジュールバンドラー。まとめることでウェブページのHTTPリクエストの数を減らしたり、高度なウェブアプリケーションの開発に役立ちます。 連載ではTypeScriptやBabelなどのES2015+の環境構築、ReactなどのJSライブラリの設定方法を網羅。サンプルファイルで詳しく解説します。 webpackの入門記事は他のサイトにもありますが、対象バージョンが古くて使えなかったりします。検索結果の上位の野良記事を参照にしたら古いバージョンの内容ばかり。解説記事通りにやったのにうまく動かない･･･なんて困った方も多いのではないでしょうか。本記事は常に最新版に対応させているので、安心して読み進めてください。 ※本記事では2023年3月現在のwebpack 5（2020年10月リリース）以上で解説しています。 本記事で解説しているこ
Googleが新たに提唱するProgressive Web Appsの新たな開発パターン「PRPL」とは？
Googleが新たに提唱するProgressive Web Appsの新たな開発パターン「PRPL」とは？ 小松 健作（NTTコミュニケーションズ） 「Google I/O 2016」では、これからのWebアプリ開発パターンとして提唱しているPWApps(Progressive Web Apps）について多くのプレゼンテーションがなされました。 PWAppsとは、最新のWeb技術を有効に活用し、漸進的（Progressive）に高度なユーザー体験を提供しようとする概念です。このPWAppsの概念を具体化する一つの手法として、「PRPL」（パープル）と名付けられた開発・提供パターンが提案されました。本稿ではこのPRPLを解説するとともに、その有効性や課題点を考察します。 本稿は、Google I/O 2016の二つのセッションに関する、解説記事です。 Polymer and Progress
JavaScriptを補完するウェブの未来「WebAssembly」をFirefoxとEdgeもサポートすることに
By Walter Mozilla、Google、Microsoft、Appleといった大手ウェブブラウザを開発する4社が標準フォーマットとして開発に合意したのが「WebAssembly」です。これまでウェブブラウザ上で動的なアプリケーションを実現するにはJavaScriptが必要不可欠でしたが、WebAssemblyはJavaScriptを補完し、マシンパワーの劣る端末でも効率よく言語をコンパイルできるという、ウェブブラウザのためのバイナリーフォーマットになっています。ウェブブラウザの中ではChromeがWebAssemblyを実装していたのですが、新しくFirefoxとEdgeもサポートすることが明かされました。 V8 JavaScript Engine: WebAssembly Browser Preview http://v8project.blogspot.jp/2016/10/
ChromeでW3C Push APIを使ってみた - Qiita
※ (2017/7/4: Chrome以外のブラウザとの相互運用性を考慮する場合は、Web Pushへの移行を推奨します。Web Pushについては[改訂版] Web Pushでブラウザにプッシュ通知を送ってみる[旧仕様対応版]にまとめています。(なお、AndroidやiOSへのFirebaseプッシュ通知と統合して運用する場合は、Firebase JavaScript SDKの利用を検討した方がよいかもしれません。)) ※ (2015/11/27: 関連してFetch APIの使い方を簡単ながら別記事に書いてみました。) もう既に、ググると参考記事がいくらでも出てくるような内容ではありますが、個人的にいろいろと上手く行かなかったりしたこともあるので、参考までにまとめてみました。 さて、Chrome 42 (Android版を含む(!))では、Service Workersとの組み合わせで
Service WorkerとHTTP/2が切り開く新しいWeb Pushの世界 - ぼちぼち日記
この記事は、HTTP2 Advent Calendar 2014の6日目のエントリーです（2日前にフライイング公開してます）。 1. はじめに、 HTTP/2仕様の標準化作業は、WGラストコールも終わり、今後IESGレビューやIETFラストコール等の大詰めの段階に来ました。来年のRFC化に向けてまだまだ予断を許しませんが、プロトコル設計自体の作業はほぼ完了し、後はすんなり行くことを祈るばかりです。 こんな状況なのに気が早いですが、もう既に標準化後を見据え、HTTP/2の機能を使った新しい仕組みを作る動きが始まっています。 そこで今回はHTTP/2技術の応用として、HTTP/2の「サーバプッシュ機能」と今ホットなブラウザの新技術「Service Worker機能」を組み合わせた次世代のプッシュ機能「Web Push/Push API」について書いてみたいと思います。 ただ、個人的に色々タスク
Web Starter Kit - Googleが提案するWebアプリケーション高速開発環境
Webアプリケーションを開発しようと思ったら、まず何をするでしょう。HTTPサーバを立てるでしょうか、Bootstrapのダウンロードを行うかも知れません。さらにjQueryやBackbone.jsやAngularjsなどを設定するかも知れません。 しかし今後はそんな面倒ごとをせず、Web Starter Kitをセットアップしましょう。これだけですぐにWebアプリケーションの開発がスタートできます。 Web Starter Kitの使い方 実行は gulp コマンドで行います。ビルドを実行します。 ここからUIを見ていきます。 Web Starter Kitの主な特徴はレスポンシブ、クロスデバイス同期、ライブブラウザリロード、パフォーマンス最適化、ビルトインHTTPサーバ、Sassサポートなどとなっています。 Web Starter KitはRuby/node製のオープンソース・ソフトウ
海外Webサイト・海外Web屋の特徴
2013年3月23日 Web関連記事, 海外情報 以前「日本向けのウェブデザインというのはあるのか?」という記事を読み、「逆に海外のサイトは具体的にどう違うかなあ？」と思ったので、私が感じた海外のWeb業界やサイトの違いを並べてみます。海外向けのWebサイト制作を考えている方、海外で働こうと思っている方の参考になればと思います！ ↑私が10年以上利用している会計ソフト！ 追記：ここで紹介する「海外」とは、私が滞在・就労経験のあるカナダとオーストラリアを指しています。 海外Webサイトの特徴 URLを直接入力 日本ではURLバーに直接入力する人は少ないかと思われますが、海外では目的のブランド名がわかっている場合、とりあえず「.com」をつけてWebサイトを開きます。海外で .com が人気な理由はこのへんにありそうです。そのため、新たに会社やサービスを立ち上げるときは、そのブランド名とドメイ
Webサイトを高速化する34のベストプラクティス - builder by ZDNet Japan
ハイブリッドクラウド時代の救世主 企業ITを素早く進化させるためのAVS サービス開始から1年で大幅に機能がアップ クラウド導入が進まない本当の課題 ITベンダーだからこそ知っている クラウドに二の足を踏む企業のボトルネック Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 全世界22万以上の企業・組織で採用 DX時代の顧客価値創出に大きな役割を担う CI/CD環境の現実解を紐解く 現場主導のデジタル変革 ビジネス変革のための“ITの民主化” そして 変わるIT部門の役割 アプリが簡単にできるって本当？ セールス、マーケ、人事の3名が実際に体験 業務をローコードツールで改善してみた iPhoneデバイスも統合的に管理 激しく変化する業務環境とリスクに合わせ 深化するM365セキュリティ ビジネスとITの最前線 官民
codepad – ブラウザ上で言語を編集・実行 | 秋元@サイボウズラボ・プログラマー・ブログ
codepad.orgは、ブラウザ上のフォームから各種プログラミング言語のソースコードを打ち込んで、綺麗に色づけして表示したり、なんと実行して結果を表示させることができるというウェブサイト。 なぜか初心者に優しいと定評のあるあの言語や、10年前はみんなcoolと言っていたあの言語がない。くやしいのう、くやしいのう。 しょうがないのでC++で。 動いた! ちょっとだけやんちゃしてみる。ちゃんと返ってくる。 ついでにppencodeで via del.icio.us/popular この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘いただければ幸いです。最新の状況を調べて新しい記事を書くかもしれません
URLにあるキーワードを追加するだけでYouTubeの動画が高画質になる、という裏技 | IDEA*IDEA
ドットインストール代表のライフハックブログ
はてなブログ | 無料ブログを作成しよう
顔に見える？最近「送水口」が気になるという話 「送水口」が気になる今日この頃 最近街中で気になる存在、それがこの「送水口」です。地上のフロアが7階以上あるビルなど、一定の条件を満たした建築物には設置が義務付けられているもので、火事が発生したフロアにただちに水を送るために使われるものです。ポンプ車…
Netscapeの灯が消える - 開発/サポートは2008年2月1日まで | パソコン | マイコミジャーナル
AOL傘下のNetscape Communicationsが、Webブラウザ「Netscape Navigator」の開発とサポートを2008年2月1日に終了する。Netscape Navigator開発チームが28日(米国時間)、公式ブログ「Netscape Blog」上で明らかにしたもの。 インターネットの一時代を築いた「Netscape Navigator」の灯が消える 開発中止の理由としては、AOLが膨大な時間と労力を投資したにもかかわらず、Internet Explorerからシェアを奪還することができなかった、と率直な見解が挙げられている。近年ではNetscape Navigatorの開発担当者はごく少数となり、Firefoxにいくつかの拡張機能を加えただけの製品を提供していた。 Netscape Navigatorのサポートは2008年2月1日まで継続されるが、それまでにセキ
Web of the Year 2007発表、今年のベストサイトが決定
インターネット情報誌の「Yahoo! Internet Guide」がネットユーザーから投票を募ってベストサイトを決めるWeb of the Year 2007が発表されました。有効投票総数は6万2599票で「年間総合大賞」の他にインターネット視聴率調査会社「ネットレイティングス」が視聴率データを基に選考した「ネットレイティングス賞」と「特別賞」や「部門賞」が発表されています。 発表の詳細は以下から。SOFTBANK Creative：ソフトバンク クリエイティブ株式会社｜プレスリリース｜【Ｗｅｂ of the Year 2007】受賞結果発表! 今年のベストサイトが決定！ 年間総合大賞：ウィキペディア ネットレイティングス賞：ニコニコ動画 特別賞：話題賞 1位：脳内メーカー 2位：ニコニコ動画 3位：YouTube 特別賞：プロバイダ賞 1位：Yahoo! BB 2位：OCN 3位：＠n
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://designaholic.cc/2012/06/google-pagespeed-insight.html
http://japan.internet.com/webtech/20120328/4.html?rss
タブレットユーザーの約半数、ロードが遅いWebサイトは2度と訪問しない
SEO検索エンジン最適化チュートリアル
Web ページを高速化する
株式会社スタイルズ
