Bram.us A rather geeky/technical weblog, est. 2001, by Bramus
freeeの価値基準の一つである、ユーザーにとって「本質的(マジ)で価値ある」ものを届けるということ。本連載ではそれに向かって、日々挑戦を続ける開発現場の事例をお伝えします。本記事では、freeeでのフロントエンド環境の改善への取り組みである、Ruby on Railsアプリケーションにおけるフロントエンド環境のモダン化について紹介します。Rails5.0以前の標準的なフロントエンドのビルド基盤であるSprocketsアセットパイプラインがもたらした問題について解説するとともに、その仕組みに依存して成長してきたプロダクトがいかにしてSprocketsへの依存を断ち切ったかについて説明します。 対象読者 Ruby on Rails 5.0以前のアプリケーションのフロントエンド開発で、npmによるモジュール管理やwebpackなどによるビルドを行いたいのにそれがなかなか実現できずに困っている方
はじめに こんにちは、新規事業開発室の @yamarkz です。 今回はEthereumプラットフォーム上で動くアプリケーション(Smart contracts)の開発を取り巻くエコシステムを広く浅く紹介します。 はじめに Ethereum Smart contracts Contracts 開発 開発言語 Solidity Serpent Viper LLL 開発環境 (クライアント) geth Parity 開発サポート Remix (browser-solidity) Truffle & OpenZeppelin Truffle OpenZeppelin Etherscan Web3 Mist MetaMask Test & CI 参考にしているコントラクト開発 CryptoKitties Zilliqa Bread ALIS まとめ 最後に 宣伝 Ethereum Ethereum
今回はフルスタックなJavaScriptライブラリ「Angular」と、コンセプトが反対の「Backbone.js」を紹介しよう。 Backbone.jsは、Angularと同じく「MV*」をサポートするJavaScriptフレームワークの一つだ。ただし名前の通り、骨組みしかない。 簡単に言うと、「Model、View、そしてRouterを簡単にWebアプリケーションに組み込むことに特化したJavaScriptライブラリ」となる。もちろん、ほかにも多様な機能を持つが、他のJavaScriptライブラリと組み合わせて使うことが基本となっている。 ほかのライブラリの力を借りる Backbone.jsを使うための準備はいたって簡単だ。公式WebサイトからBackbone.jsをダウンロードして、HTMLにscript要素で組み込むだけだ。ただし前述の通り、いくつか他のJavaScriptライブラ
TL;DR X-Content-Type-Options X-Frame-Options(XFO) X-XSS-Protection Content-Security-Policy (CSP) Upgrade-Insecure-Requests Strict-Transport-Security (HSTS) Public-Key-Pins (HPKP) 設定 TL;DR X-Content-Type-Options MIME スニッフィングの無効化 X-Frame-Options(XFO) フレーム表示を制限しクリックジャッキングを予防 X-XSS-Protection XSSフィルタの有効/無効 Content-Security-Policy (CSP) XSSなどの攻撃を軽減するセキュリティレイヤー Strict-Transport-Security (HSTS) HTTP の代わり
もう7年ほど前になりますがFlashでサイト製作をしていた時代に、表現に悩まされるものがありました。 それが『湯気』です。 イラストを使った可愛い表現なら問題ないですが、リアルな感じを作ろうと思うとこれがなかなか難しい。最近では動画やアニメGIFなどで代用されていたりすることも多いと思いますが、今回はそんな素材がない時に使える 『SVGで作るリアルな湯気』 を紹介したいと思います! See the Pen Steam by uenaka (@uenaka) on CodePen. SVGで湯気を書く まずはSVGで湯気の形を自由に書いてみてください。 難しく聞こえるかもしれませんが、後々ボカして使用しますので形に拘る必要はありません。 参考までに私が書いてみた湯気がこちらです。 SVGにanimateを追記して動す よりリアルな動きに見せるため、SVGで書いた湯気を動かします。 ここも動き
グレープシティ(株)は、Webアプリケーションでのさまざまな入力に対応したHTML5/JavaScript開発ライブラリ「InputManJS」を2018年2月14日に発売する。 「InputManJS」は、同社がWindows用開発コンポーネントとして販売してきた「InputMan」の機能をJavaScriptに移植して開発されたもの。テキスト、入力のマスク、日付時刻、数値など用途別に最適化された入力用コントロールを収録し、日本での使用に便利な和暦や漢数字に対応しており、入力時のフォーカス移動や文字数制限、未入力時のウォーターマークの表示等も指定可能。 InputManJSの使用例、カレンダー機能は休日等を自由に設定可能 同社では入力以外のUIもカバーしたJavaScriptライブラリWijmo等を販売しているが世界共通モジュールとなっており、おもに日本のユーザ向けに入力機能の強化
この記事は、Visual Studio Code 本体や使用されているライブラリで、発生する日本語 (CJK関係) の問題と対応策をまとめたものです。 この記事にはまとめませんが、CJK 特有の問題は完全に放置されているわけではなく、むしろ対処された問題のほうが多いことに注意してください。 バックスペース問題 概要 macOS において、バックスペース入力時に backspace (U+0008) 制御文字が別に紛れ込む。 初期設定で制御文字を確認できないため、気づかないうちに markdown-preview 等での文字化け、この制御文字を含むテキストの提出を行ってしまう。 原因 chromium による問題 714771 (解決済み) が原因。Electron の #9173 で v.1.7.2 に解決が期待されたが、Visual Studio Code が使用する 3.0.13 現在
ウェブ業界の当たり前だと思っていることでも、同業他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・ この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載第3回目となる本記事ではウェブ業界の「HTMLコーディング」や「フロントエンド」を中心にアンケート結果を紹介します。アンケートは筆者のTwitterから実施していたものです。 CSSのレイアウトに使うのはFlexboxが多い ウェブサイトの大枠レイアウトを組むときに一番使っているCSSの種類を質問しました。 727票の回答があり「float」が32%、「Flexbox」が51%、「Grid Layout」が11%、「table」が6%でした。 Flexboxが最多となったのは、未対応ブラウザ(例:IE9)が無視できるシェアまで下がったことや、floatよりFlexboxのほうが
はじめに こんにちは。開発本部の @yamarkz です。 今回はビットコインネットワーク上のやりとりに注目して、マイニングされたブロックの伝搬手法を紹介します。 また、ブロック伝搬が抱える問題とその問題を解決する Compact Block Relay と呼ばれる新たな伝搬手法も紹介したいと思います。 はじめに ビットコインネットワークでのブロック伝搬 ブロックリレー時の問題 使用する帯域幅を減らした Compact Block Relay という手法 Compact Block Relay の基本的な仕組み スケッチ (compact block) 高帯域モード (High band width) 低帯域モード (Low band width) 2つのモードの違いとまとめ Compact Block Relay の 技術仕様 まとめ 最後に 宣伝 ※今回はフルノードのブロック伝搬を想定
Get notified in your email when a new post is published to this blog PowerShell Core 6.0 is a new edition of PowerShell that is cross-platform (Windows, macOS, and Linux), open-source, and built for heterogeneous environments and the hybrid cloud. First and foremost, thank you to all of our amazing community, especially our open-source contributors (the most recent of which you can find on our com
連載: HTML5 Conference 2017特集 (15)こんにちは、編集長の白石です。 この記事は、9月24日に開催されたHTML5 Conference 2017に登壇したエキスパートに、お話されたセッションのトピックを中心に、様々なお話を伺おうというものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回お話を伺ったのは、Googleの山口能迪(やまぐち・よしふみ)さんです。 山口さんのセッションは「AMPで加速するモバイルウェブアプリケーション」でした。 スライド資料はこちらで公開されています。 https://docs.google.com/presentation/d/1ZYyHFRMZnD6bfi6fl9yh9G_TIs3roSxvp-Goa1JZv_c/htmlpresent AMPとは何か?
Bitcoin is the currency of the Internet: a distributed, worldwide, decentralized digital money. Unlike traditional currencies such as dollars, bitcoins are issued and managed without any central authority whatsoever: there is no government, company, or bank in charge of Bitcoin. As such, it is more resistant to wild inflation and corrupt banks. With Bitcoin, you can be your own bank. I received th
Googleが発見した「CPUの脆弱性」とは何なのか。ゲーマーに捧ぐ「正しく恐れる」その方法まとめ ライター:米田 聡 一般メディアにもニュースとして取り上げられたので,2017年末からにわかに騒がれだした「CPUの脆弱性」については,4Gamer読者も多くが聞き及んでいることだろう。海外では,「Spectre」(スペクター)や「Meltdown」(メルトダウン)といったおどろおどろしい名前が付いているので,そちらを目にしたという読者もいると思う。 「Intel製のCPUだけが持つ脆弱性で,AMD製のCPUなら問題ない」から始まって,「いやいやAMD製のCPUも同様の脆弱性を抱えている」,さらには「メモリページング方式の仮想記憶を使うCPUのすべてが持つ脆弱性である」などと,情報が錯綜しているので,何を信じたらいいのか分からないという人も多いのではなかろうか。そもそも,メモリページング方式
概要 Windows10にDocker環境を構築したのでいろいろ試してみた 今回はDocker コンテナの元となるイメージのダウンロード、アップロードなどDockerをインストールして最初にやることのコマンド一覧とまとめ DockerとDockerイメージの関連は以下を参照 Dockerの基本機能と全体像のイメージを整理してみる 動作環境とDocker環境構築方法は以下を参照 Windows 10 Pro 64bit Docker for Windows WindowsでDocker環境を試してみる できるようになること 自分のローカルマシンにDocker Hubから欲しいイメージをダウンロード 自分のイメージをDocker Hubにアップロード およその作業時間 30分 事前準備 Docker HubにイメージをアップロードするためにDocker Hubのアカウントが必要 (自分のローカ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く