「WSL 2」でもWindowsからWSL/Linuxのファイルへアクセス可能 ～Microsoftが解説／ただしLinuxファイルが格納されるのはNTFSドライブではなくEXT4仮想ハードディスク
CSSはレイアウトの専門家。HTMLでは表現できないものを実現する【第7回】 | 今さら人に聞けないWebの仕組み
その当時、こういったレイアウトは、革新的で「なぜ、こんなことができるんだ」「やってみたい！」となりましたが、テキストがばらばらに表のセルに入っている状態では、検索エンジンも読み上げソフトも、まともに文章を読むことができませんでした。 そして、HTMLを書く人（コーダー）は、この文字の回り込みの表を組むことに大変な時間をかけていました。それを救うように出てきたのが「CSS（カスケーディング・スタイル・シート（Cascading Style Sheets））」です。 レイアウトは「CSS」に任せようHTMLの記述がどんどん複雑になり、レイアウトのために文章を表で細切れにしてしまうようになると、第3回で解説した「文書を世界で共有する」というハイパーテキストの理想がどこかに行ってしまいます。 そこで、W3C(HTMLなどについて決める国際組織)は1996年に「CSS」について勧告を行い、「あまり複
VSCodeのRemote Development機能が革命的な話。 - Crieit
背景 今月始めにMicrosoftからRemote Development Extension Pack. というのが発表された。簡単に言うと、VSCodeでコードを書くOSとプラグインが実行されるOSを別にすることが出来る。 よくあるパターンで、「MacでNokogiriがビルドできません」「WindowsでESLintを実行するにはどうしたら良いですか」みたいな質問がある。 最終的にサービスを公開するときにはどうせLinux使うのに、開発するときしか使わない別のOSで同じものを動かす苦労って無駄だよなあ、と思っていた。 じゃあ最初からLinuxで開発すればいいかというと、最近の高度化したWeb開発はIDEの支援なしに実行することが困難で、RubyだったらRuboCop、JavaScriptだったらPrettierやESLintで文法チェックしてもらわないと人類にはついていけない。これら
VSCodeでなるべくマウスを使わない開発環境をがんばる - Qiita
はじめに 最近，職場の若手が自分も愛用しているVSCodeを使って開発をがんばっています．それに触発されてVSCodeでの開発環境についてまとめたものを書いていきたいと思います．まわりにはターミナル上でEmacsやVimを使ってコードを書いているプログラマも多い環境なので，なるべくマウスを使わずにキーボード操作だけで開発できるようにまとめます． https://code.visualstudio.com やりたいこと 次にあげる内容をキーボード操作で行えるようにするのが目標です． 指定したファイルを素早く開く 関数やクラスなどのシンボルで検索する 定義にジャンプしたり戻ったりする 手軽にC/C++をビルドして，素早くコンパイルエラーの場所を表示する 前提としてがっつり設定などをカスタマイズするというのではなく，初心者向けになるべく簡単に環境を立ち上げられる内容でまとめていきます．またビルド
Vue.js ではじめるシングルページアプリケーションの開発 - HDE BLOG
Vue.js は JavaScript フレームワークです。 ウェブアプリケーションのユーザーインターフェイス開発を支援する様々な仕組みを提供します。 管理画面はもちろん、HTMLエディタのようにユーザの入力に対して即応性が必要なアプリケーションを簡単に作ることができます。 例えば、テキストエリアに文字を入力すると、 デザインしたページの特定のDIV要素がリアルタイムに更新されるといったデータ反映の仕組みを備えています。 また、JavaScript で大規模なユーザーインターフェイスの開発を行う場合、HTMLファイルのテンプレート化、 JSファイルの依存関係、グローバル変数汚染など様々な課題に直面します。 Vue.js は、コンポーネントという仕組みと Webpack というモジュール管理ツールと組み合わせることで、 これらの課題にうまく対処できるようになっています。 今まで jQuery
2019年版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTips - Qiita
2019年版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTipsアーキテクチャVue.jsElmReactAngular2 はじめに 私はVue.js with Vuexを使った業務で1画面30APIを叩く必要のある画面から、たったの数APIしか叩かないけれど、代わりにUIがとても機能的で複雑な画面まで設計し、構築しました。 もちろん、Vue.jsのコンポーネントシステムをフル活用し、Vuexを入れていないプロジェクトの経験もあります。 現在は構築したシステムを保守・運用しています。 また、勉強の為にReact、 Angular、 最近はElm等にも少し触れています。 その際に得られたノウハウ、Vue.jsが他のライバルフレームワークと比べた際に現時点で本当に勝っている利点やノウハウを言語化し、共有
クラウドネイティブなハニーポットをAWS上に作ってみた話 - ある研究者の手記
TL;DR AWSのマネージドサービスを活用して低インタラクション型のハニーポット環境を作った コストも月々約$15で運用可能 コマンド3回ぐらいで誰でもデプロイできるようになっているので興味があれば使ってみてくれよな 背景 AWSに置く低インタラクション型ハニーポット（synに対してsynackだけ返して後は送られてくる通信を監視するやつ）、今ならシャキッとスパッと実装できるんだろうなあああと過去のクソ実装を思い出して悶絶してる— Masayoshi MIZUTANI (@m_mizutani) 2019年2月1日 という感じで昔クラウド上で運用していたハニーポットのことをふと思い出したのですが、仕事で多少AWSのサービスを理解した今だったらもうちょっとまともに実装できそうだよなぁ、実装するならインスタンスで完結するんじゃなくてクラウドのマネージドサービスちゃんと使って消耗しない作りにし
【図解】Dockerの全体像を理解する -中編- - Qiita
この記事は何か イメージやコンテナなどの基本からdocker-compose、docker-machine, docker swarmなどのDocker周りの様々な概念の全体像を整理して、Dockerの仕組みを理解するための記事 対象読者 ・Dockerって何？ ・Dockerちょっと勉強したけどDocker compose？ Docker machine？ Docker Swarm？ 色々ありすぎて意味不明 という方 中編では、「データマウント(volume), Docker Network, Docker Compose」 について書いて行きます。 前編はこちら ④ Dockerにおけるデータ管理 起動したコンテナ内で扱う動的なデータは、読み書き可能な最上レイヤー(コンテナレイヤー)に置くこともできますが、 ・コンテナが削除された時点でそのコンテナ内のデータは消える ・コンテナ間でデー
TypeScript入門以前ガイド - mizchi's blog
某社で自分が React/Redux + TypeScript などの講習をやってみた結果、TypeScript 入門用資料が必要だと思って書いたやつです。 このドキュメントのターゲット TypeScript で書かれたプロジェクトに参加する人 TypeScript を導入するために、その事前知識が必要な人 このドキュメントの読み方 ES2015 for Beginners ES2015 for ES5 Programmers ES Modules 非同期表現: Promise と async/await TypeScript エコシステム編 自分が React/Redux などの講習でいろいろやってみた結果、 ES2015 と TypeScript を同時に教えると、初学者は何がどの概念に由来するかの区別が出来ずに混乱します。なので、ES5 -> ES2015, ES2015 -> Ty
curlコマンドの使い方15選
Tecmint.comは8月15日(米国時間)、「15 Tips On How to Use 'Curl' Command in Linux」において、curlコマンドの使い方15選を紹介した。curlはネットワーク経由のファイルダウンロードやアップロードを実施するためのコマンド。さまざまなプロトコルに対応しているほか多種多様な機能を提供しており、ネットワークを経由したデータ転送を自動化するコマンドとして重宝されている。 取り上げられている主な使い方は次のとおり。 バージョンを表示 curl --version ファイルのダウンロード curl -O URL curl -o ファイル名 URL ファイルのダウンロード（前回の途中からの再開） curl -C - -O URL 複数ファイルのダウンロード curl -O URL1 URL2 ... ファイルに記載したリストからダウンロード x
bashスクリプティング研修の資料を公開します - エムスリーテックブログ
こんにちは、エンジニアリングGの中村です。 以前にこのブログにてエムスリーでの社内研修について紹介しました。今回は、この中でのbashスクリプティング講座の資料を公開します。 www.m3tech.blog 弊社の中でもいろいろな用途でbashが使われていますが、bashは簡単に利用できるもののプログラミング言語としてはバグを生みやすい、辛い言語だと思います。 ここで紹介しているのはいわゆるコーディング規則というよりも、バグ防止と可読性向上のためのルールをTips集的にまとめたものです。 bashにおいてまだまだ注意するところはありそうですが、多少なりともわかりにくいスクリプトの削減になればと期待しています。 [追記: 2018-08-22] はてブにて以下のコメントをいただきました。 bashスクリプティング研修の資料を公開します - エムスリーテックブログ bashで50行以上になった
VS Codeを使いこなせ! フロントエンジニア必須の拡張機能7選 - ICS MEDIA
「Visual Studio Code（略称：VS Code）」はMicrosoftが提供している無償で高機能なエディターです。標準でも十分な機能は備わっていますが、拡張機能をインストールすることで、より使いやすく自分にあったエディターへとカスタマイズできます。 本記事では、HTMLコーダーやフロントエンドエンジニアに役立つ拡張機能を紹介します。 1. IntelliCode IntelliCodeはMicrosoft謹製の公式プラグイン。AI支援による次世代のコード補完がJavaScriptやTypeScriptで利用できるようになります。APIの一覧がアルファベット順に提示されるのではなく、利用する可能性の高いAPIがAIによって予測されます。 コード補完の様子を次のスクリーションショットでご覧ください。入力候補の「★」マークが付いているところが、補完候補になっているところです。人工知
イギリスの放送局 BBC、約16,000種類もの貴重なサウンド・ライブラリーを公開！ WAVファイルとしてダウンロード可能
1922年に放送を開始したイギリスの公共放送局、BBC。新たに開設されたWebサイト『BBC Sound Effects』（ベータ版）では、長い歴史の中で蓄積された貴重なサウンド・ライブラリーの中から、実に16,016種類（2018年4月18日現在）のサウンド・エフェクトが公開されています。これらはWeb上で試聴できるだけでなく、WAVフォーマットのオーディオ・ファイルとしてダウンロードすることも可能。ダウンロードしたファイルは、RemArcライセンスに基づき、個人／教育／研究目的で使用することができます（商用利用の場合は、問い合わせが必要）。楽曲制作に使用せず、試聴するだけでも楽しい『BBC Sound Effects』。興味のある方はぜひチェックしてみてください。
minimalなlinuxを作りたい、と思ったんだ - livaの雑記帳
以下のツイートが結構反響があったので、どんな事をやったのかまとめておく。 自分の勉強用に最小構成のlinuxを作ったので、githubに転がしておく（不要な.cファイルもパッと見つけられる限り削除した）https://t.co/KdTb6zgr8N— Liva (@liva_jy) 2018年2月8日 元ネタはsatさんのこのツイート。 linuxのコードを理解するための、主要関数や構造体の名前はそのままに、簡略化したカーネルというのは作ってみたい。cgroupsとかトレーサとかエラー処理とかは思い切ってばっさりと。常人はそこにはまって躓くから— sat (@satoru_takeuchi) 2018年2月8日 僕はカーネルには詳しくはないので、中のソースを弄って素朴な実装にリプレースする、みたいな事はできないのだけど、kernel configでminimalな構成にして、不要なファイル
iOSアプリ「Pythonista3」でめそ子さんと記念写真を撮れるようにしてみた※追記あり | DevelopersIO
こんにちは。池田です。入社後初の出張では迷子にならず無事に札幌へ戻って来ました。 本日はiOS上にPythonの開発、実行環境を提供してくれるアプリPythonista3（AppStoreで1200円 本投稿公開時点の価格です）を使った画像加工についてご紹介します。 ※友人より本投稿内に掲載しているコードに対してご指摘をいただいたので追記しております。 なお、Pythonista3の操作方法とPythonコードの詳細解説については割愛いたします。ご了承ください。 はじめに Pythonista3とは iOS上でPythonの開発、実行環境を提供するアプリケーションです。 標準でPython2.7とPython3.5の環境が用意されています。 Pythonista3環境の準備 Pythionista3はAppStoreからインストールした直後でも十分なのですが、次の2つを追加することでより強
ローカルファイルを読み込む - GoogleAppsScript屋さん
Googleスプレッドシートはサーバー上に存在するため、ローカルファイルを処理するには一工夫する必要があります。 そこで、ローカルファイルをスプレッドシートに読み込むサンプルコードを紹介してみようと思います。 サンプルコード GoogleAppsScript の コード.gs と、GoogleAppsScript から呼び出す HTMLファイルの dialog.html 、そしてアップロードするローカルファイル upload.txt を用意します。 コード.gs function main() { var html = HtmlService.createHtmlOutputFromFile("dialog"); SpreadsheetApp.getUi().showModalDialog(html, 'ローカルファイル読込'); } function writeSheet(formObj
AWS Storage Gateway でファイルインターフェイス | Amazon Web Services
Amazon Web Services ブログ AWS Storage Gateway でファイルインターフェイス 「AWS re:Invent のレビュー」といったブログカテゴリを追加した方がいいかもしれませんね。去年の 11 月、AWS Storage Gateway に重要な機能を追加しましたが、忙しすぎてその調査やブログを書く時間を取れずにいました。Storage Gateway は既存のアプリケーションと AWS Cloud の間に位置するマルチプロトコルストレージアプライアンスです。お使いのアプリケーションやクライアントオペレーティングシステムは (設定によりますが) ゲートウェイをファイルサーバー、ローカルディスクボリュームまたは仮想テープライブラリ (VTL) と見なします。その背景でゲートウェイはコスト効率が良く耐久性のある安全なストレージに Amazon Simple
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
