Web標準のHTTPクライアントfetch()でストリーミングしながらアップロードできるようになる。
Web標準のHTTPクライアントfetch()でストリーミングしながらアップロードできるようになる。
SNS経由でプログラミングの質問をしたり、アドバイスを与えたりしたい場合、なんらかの形式でソースコードを共有する必要があります。シンタックスハイライトやインデントがサポートされていないSNSでは、ソースコードを画像化して共有する方法が最も簡単かもしれません。 本日紹介する「carbon」はそのような用途に便利な、美しいソースコード画像の生成サービスです。 ソースコードを画面に貼り付け、テーマや背景を選択すると、エディタやIDEでソースコードを表示しているような美しい形式の画像を生成し、共有することができます。 作成した画像を保存して後で利用したり、直接Tweetすることもできるようになっています。 以下使用方法を説明します。 carbonの使用方法 carbonのサイトにアクセスし、ウィンドウ部分にソースコードを貼り付けます。 ▲「テーマ」「言語」「BG(背景)」を選択して「Export
PWAで表示速度が2倍に! スピード改善を妥協しない日経電子版に学ぶ、PWAのメリット&デメリット ネイティブアプリに近い体験を簡単に提供できるとして注目を集めている「PWA」。実際に導入し、表示速度が2倍になったという日経新聞電子版の開発者に「PWA」のメリットとデメリットを伺いました。 PWA(Progressive Web Apps)は本当に「アリ」なのか――? ネイティブアプリの開発にはWebとは異なる専門知識が必要であり、またAndroidやiOSなどOSごとでも異なるため、リソースが膨大にかかるという課題があります。そこで昨今は、XamarinやReact Nativeなどのクロスプラットフォーム開発ツールを使い、ネイティブアプリやWebの開発を一本化しようという動きが活発になっています。 一方で、ネイティブアプリに近い体験を簡単に提供できるとして注目を集めているのが、Goog
パリで発表されていたReact向けプロダクトがあまりにも未来に生きていて興奮したので、紹介させてください。 目次 目次 この記事のゴール 想定読者 はじめに 今回ベースとするソースコード React Nativeは何をするツールか Reactは何をするツールか React DOMとReact Nativeの違い Reactアプリケーションを描画するものたち React DOMの役割 React Nativeの役割 1. ネイティブ処理系の上でJavaScript処理系を動かす 2. Reactを動かす 3. Reactから渡された差分をネイティブViewに適用する React Native DOMはどこがReact Nativeなのか React Native DOMのやばいところ6連発 ReactからはReact Nativeに見えてるのがやばい Objective-C実装をJavaSc
Webデザインをしているときに、配色に詰まって作業がはかどらないということは多々あるのではないでしょうか。 そんなときは、自動で配色パターンを生成してくれるサービスやツールに頼ってみましょう。 そこで今回は、Webデザインの配色に役立つ12個のツールをピックアップして紹介します。 1. Adobe Color CC https://color.adobe.com/ja/ 「 Adobe Color CC 」はAdobeが無料で提供している配色ツールで、元々は「Kuler」という名称で提供されていました。 「類似色」「モノクロマティック」「トライアド」など6種類のカラールールが用意されており、色彩と明度を好みで調整可能となっています。 さらに、画像をアップロードすると色を抽出して配色パターンを作成するという機能も備わっています。 納得いく配色パターンができないときは、「探索」のメニューからパ
近年、JavaScriptでコードを書こうとすると、お膳立て7割、コード書き3割みたいな事態がざらにあります。「お膳立て」の例としては、Gulp, Babel, Sass, PostCSS, WebPack, Rollup, Browserifyほか数限りなく。 たしかに、一旦フロントエンド開発に慣れてしまえば、お膳立てにかける時間は短縮することが可能です。でも、これを初学者に強いるのはツラすぎる...! 覚える方はともかく、 教える側がツライ。 今回、未来なJavaScriptやCSSの文法で書いても、よしなにとりなしてくれるWebサーバ「Felt」を作ったので、ご査収ください。 (2016/7/19 関連ツールとの比較を追記しました) GitHub: https://github.com/cognitom/felt npm: https://www.npmjs.com/package/
かるび(@karub_imalive)です。 最近、会社を辞めてから人付き合いが減りました。仕事を通じて色々な情報が入ってこなくなった分、自分で情報収集を強化しないといけないなと思って、8年ぶりに新聞の購読を再開しました。 時間もたっぷりあるし、ここは自己投資だ!ということで、毎日朝にコンビニに行って、読売・朝日・毎日・産経・東京の5紙のうち、その日の気分でランダムに3紙購入しています。3紙で400円弱と、バカにならない出費ですが、まぁタバコよりは安いからいいかと・・・。 全部精読すると3紙で1時間以上かかるんですが、そこは自主サバティカル中の身。時間はまぁまぁ自由なわけです。まるで一昔前の大企業の部長さんのように、朝からコーヒーをすすりながら目を通しております。(しかし言うまでもなくコーヒーを入れてくれる人はいない) その一方で、僕ははてなブックマークも愛用しております。去年の9月から本
追記 最新の感想も合わせてご覧ください。 jinjor-labo.hatenablog.com React界隈では結構前から「CSS in JS」と言って、雑に言うと「CSSはイケてないからJSでインラインスタイルを書いてしまえ」という話がある。(ちゃんと知りたい人はこちら) 自分も前々からCSSは変数が使えないとか名前が被るとか諸々イケてないのは同意してたんだけど、じゃあJSで書くのが良いかと言われたら「いや流石にロジック汚れるんじゃね?」とか「CSSの便利機能を捨てて平気なの?」とか色々と懐疑的だったんだけど、1~2か月書いてみたら想像以上に良かったので感想を書くことにした。 まず一番に主張したい部分を先に言うと、こう。 (誤解)JSのコードがスタイル記述で汚れる (正解)JSのコードがスタイル記述から解放される 前提 実際に書いたのはJavaScriptではなくElmなので以下は全て
“Casino of the Month” is the currently featured online casino brand that you may want to visit, in order to receive the most exclusive content & Best Bonus that will be available for all players. Many things are taken under consideration while trying to pick the Best gambling site and present it within this section. Including the amount of games and current promotional campaigns, any of those may
職業別の給料をかっこいいイラストと共に紹介しているサイト「給料BANK」が、Twitterを中心に人気を集めています! ※画像をタップ/クリックで拡大 給料BANK/料理人 給料BANK/料理人 給料をただ紹介するのではなく、働く人たちをカッコよく表現したい!という想いから、給料BANKが行き着いたのがこのRPG風のイラスト。 RPGゲームでは定番のジョブ「戦士」と、企業「戦士」から着想を得たそうです。 給料BANK/システムエンジニア 給料BANK/システムエンジニア イラストだけでなく、セリフもセンスがありカッコいいですね(笑)。 今回は、そんな給料BANKさんで紹介されているRPG風イラスト付きの職業別給料をご紹介!職業ごとの説明文にも注目してみてください! 海上自衛隊 給料BANK/海上自衛隊 内科医 給料BANK/内科医 産婦人科医 給料BANK/産婦人科医 特殊清掃員 給料BA
最近では、プログラミングスキル世界中で注目され、学校の授業の一部にプログラミングを学ぶカリキュラムが取り入れられているほどです。 中には、小学生向けのIT教育として、専門の学校を設け、早期のIT人材育成に取り組む企業も存在しています。 今回は、プログラミングが独学、かつ無料で自宅学習できる20サービスをまとめました。 ドットインストール http://dotinstall.com/ 動画形式で、プログラミングを学ぶことができるWebサービスです。 基本的に、全ての動画が3分で完結し、隙間時間でも学べるボリュームが特徴です。 WordPress入門 、HTML入門 、iPhoneアプリ開発入門など、2015年4月現在で220レッスン、3,132本のカリキュラム動画が視聴可能です。 schoo https://schoo.jp/guest プログラミングだけでなく、ビジネスや美容関係など幅広い
1: 以下、\(^o^)/でVIPがお送りします 投稿日:2015/02/06(金) 17:42:31.05 ID:flJZIImcH 最近クソみたいなデザインとグッチャグチャのソースコード書いてる ミーハー丸出しアフィサイトが増えてきて鬱陶しいから、 これからサイト作る初心者用にサイトを紹介していく これ以上俺のウェブサーフィンライフを邪魔すんじゃねえぞ
GoogleウェブマスターツールやGoogleアナリティクスなどのGoogleサービス、ツイッターやFacebooki等のソーシャルメディア等などを、複数アカウントで使い分けている人はかなりいると思います。 そして、その使い分け方法としては、 毎回ログイン&ログオフを繰り返す IE、Firefox、Chrome、とブラウザを切り替える という方法が一般的なのかなぁ、と思います。 でも、それが1つのブラウザのタブ機能でできれば素晴らしいと思いませんか!? そしてそれを実現できるのが、以下Chromeの拡張機能です。 MultiLogin 使い方は超簡単3ステップ♪ ①上記のリンクから拡張機能をインストール(Chromeで開く事) ②以下のようなアイコンができるので、それをクリックして新規タブを作る ③その新規タブで再ログイン 以上で、いろんなサービスを、異なるアカウントでログインした状態のタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く