それでもやっぱりJavaScriptを書きたくない人のためのコンパイル言語10
フロントエンドからサーバーサイドまで、すっかりJavaScriptが幅を利かせている昨今。でもやっぱりJavaScriptは苦手、気に入らない開発者のために、コンパイル言語（altJS）を紹介します。 現代のアプリはかつての単純なWebサイトとは求められるものが違うのに、プラットフォームは相変わらずブラウザーのままで、Webアプリの核となる言語はJavaScriptです。 JavaScriptはすべての場面で最適なわけではなく、複雑なアプリでは特に弱点があります。回避するために生まれたのが、新しい言語とそれに合わせたコンパイラーです。JavaScriptのコードを書かずにブラウザー上で動作するコードが書け、JavaScriptの制約に縛られることもありません。 本記事では、JavaScriptへのコンパイルによってブラウザーやNode.jsなどのプラットフォーム上で動作する優れた言語を10
Draggable JS – JavaScript drag and drop library
BasicsDraggable is a modular drag & drop library, allowing you to start small and build up with the features you need. At its most basic, Draggable gives you drag & drop functionality, fast DOM reordering, accessible markup, and a bundle of events to grab on to. SwappableThe classic switcheroo. Drag one element over another and watch them trade places in the DOM. The ideal functionality for when l
2017年9月度 勉強会で取り組んだ事項 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Nagoya.Swift+ 9月度勉強会 - connpassで取り組んだ事項についての紹介記事です。 今回は参加された各位に作業中に調べたページについて教えてもらいました。 内容 Swift Web開発 機械学習 Swift 絶対に挫折しないiPhoneアプリ開発「超」入門 からRSSリーダーアプリ(Ch.9 RSS Readerアプリ)を写経して作成。 学習中の課題 【解決済み】ListViewControllerクラスをストーリーボードに関連付けられない。 アイデンティティインスペクタのClass項目に入力するならReturnで確
JSON同士の比較はYAMLが良い - WEBツール(JS)で「JSON⇒YAML」変換時に完全なエスケープ戻しを目指す - Qiita
API等のデータのやり取りは主にJSONを利用しているが、人の目で見たり比較する時はYAMLが便利です。 YAMLはエスケープされた記号（改行＝「\n」等）をエスケープ前に戻したデータで表現ができるのがいいところですね。 そこで、JSON→YAML→そのまま比較するWEBツールを作りました。 https://rawseq.github.io/json-diff/ 変換機能はjs-yaml,比較ツールはmonacoを利用しています。 既に他のWEBツールやLive Demoで体験済かもしれませんが、「エスケープ文字が戻らない場合があるのでは？」という不安を持っている方がいると思いますが、だまされたと思って一度使ってみてください。（そして戻らなければ教えてください＞＜；） ※Chrome推奨。monacoの仕様でA→Bの比較、Bの編集しかできません。(編集したBをJSONでコピーすることはでき
「React v16.0」がリリース
米Facebookは、UI構築のためのJavaScriptライブラリ「React v16.0」を、9月26日（現地時間）にリリースした。なお、Reactはバージョン15.6.2よりMITライセンスでリリースされており、「React v16.0」もMITライセンスのもとで利用できる。 「React v16.0」における、おもな変更点はrenderメソッドコンポーネントにおける、要素の配列を返せるfragments型の追加で、他の配列と同様に各要素にはキーを追加する必要がある。なお、将来的にはキーを必要としない特殊な構文をJSXに追加する予定となっている。また、文字列を返すstrings型も追加された。 エラー処理にも変更が加えられており、従来より発生していたレンダリング中のランタイムエラー発生時に、ページを更新して回復する必要があったのに対して、「React v16.0」ではコンポーネントの
เว็บสล็อตโรม่า joker123 หมดกังวลเรื่องการโกงไปได้เลย
เว็บสล็อตโรม่า joker123 เป็นทางเลือกที่น่าเชื่อถือสำหรับผู้เล่นที่ต้องการความมั่นใจในการเดิมพันออนไลน์ ด้วยระบบความปลอดภัยระดับสูงและการตรวจสอบอย่างเข้มงวด คุณสามารถวางใจได้ว่าทุกการเล่นของคุณจะเป็นไปอย่างยุติธรรมและโปร่งใส เว็บไซต์นี้ได้รับการรับรองจากหน่วยงานที่เกี่ยวข้อง ทำให้คุณหมดกังวลเรื่องการโกงได้อย่างสิ้นเชิง เว็บสล็อตโรม่า joker123 สล็อตโรม่า นอกจากนี้ ทีมงานมืออาชีพพร้อมให้บริการตลอด 24
asm.js: 仕様と実装の今 - Qiita
皆さんはasm.jsを覚えているでしょうか。4年ほど前（2013年）に登場してFirefoxで実装され、「C/C++で書かれたプログラムをWebで高速に実行できる！」みたいな話題になったやつです。その後WebAssemblyが登場したので、敢えてasm.jsに取り組む意味は薄くなりました。 しかしここでは懐古趣味として、asm.jsの現状を調査してみたいと思います。 仕様書 asm.jsの仕様書はここで見れます：http://asmjs.org/ （このサイトはどうやらGitHub Pagesでホストされているようで、GitHubリポジトリは https://github.com/dherman/asm.js です） この仕様書は「asm.js Working Draft -- 18 August 2014」となっており、結構古いです。これが「枯れている」ことを意味していればよかったのです
Cycle.jsがReactよりも優れていると私が思うこれだけの理由
いま、もっとも人気のあるReactですが、私は検討の結果Cycle.jsを選びました。Cycle.jsの概要や使い方、魅力をお伝えします。 多くの開発者はアプリ開発時になんらかのフレームワークを利用しているでしょう。フレームワークは複雑なアプリ構築の手間をなくし、時間を節約します。利用者が多いからか、最高のフレームワークや、フレームワークの何を学ぶべきかなどの話題があふれています。 Reactは現在もっとも人気のあるフロントエンドフレームワークで、大きなコミュニティもあります。支持する人もいれば、言われているほどには良くないという人もいまが、私はReactでWebアプリに対する考え方や開発方法が変わりました。 Webアプリの開発方法の検討さえせずReactを使い始めましたが、じわじわと人気が出ている新しいリアクティブ・フレームワーク「Cycle.js」を試すことにしました。そこで学んだリア
そろそろ対応しなきゃ！WordPressサイトのためのAMPの基本と実装方法
グーグルが推進しているモバイル向けの高速化技術「AMP」、もう対応しましたか？ WordPressを利用しているサイトなら、意外なほど簡単に対応できます。 グーグルのAccelerated Mobile Pages（AMP、モバイル向け専用の高速ページ）プロジェクトは2016年2月24日に始まりました。何千もの開発者が参加者として名を連ね、無数のWebサイトがAMP版ページを用意して、多くの開発者がAMPを学んでいます。ここでは、WordPressでAMPを使う方法を学びます。 グーグルは真剣にAMPに取り組んでいます。検索エンジンのランキング基準の1つにして、多くのサイトにとってAMPが必要になるように仕向けました。まずは、グーグルのAMPプロジェクトの詳しい情報を紹介します。WordPressサイトでAMPを利用する方法も含まれます。 AMPとは？ AMPとは、モバイルブラウザー上でW
ブラウザでnpmモジュールを使いたい - Qiita
まえがき フロントで使えそうなライブラリが、npmモジュールとしてしか提供されていないときがあります。しかし、npmモジュールは2017.8現在、直接ブラウザが読み込めるものではありません。 こうなると、普段はビルドツールなぞ使わず、雑なジャヴァスクリプトをべた書きしているプログラマ(私)であっても、ビルドツールを使わざるをえません。現在の代表的なビルドツールといえば、webpackです。 さて、世の中的にはふつう、ターミナルが大得意な人たちがモダンでイケてる開発をやるためにwebpackを使っています。ですから、このような雑なニーズに初歩的な操作で対応する方法は、言うまでもないぜという感じであり、意外に転がっていなかったりします。 そこで、このようなことをやる記事を書いてみます。 markdown-it-katex 今回は、Markdownで数式を入力したい人に関係のある markdow
「アイソモーフィックJavaScript」を読んだ - massa142's blog
アイソモーフィックJavaScript 作者: Jason Strimpel,Maxime Najim,牧野聡出版社/メーカー: オライリージャパン発売日: 2017/07/04メディア: 単行本（ソフトカバー）この商品を含むブログを見る アイソモーフィックJavaScript(Isomorphic JavaScript)とは、クライアントとサーバで同じJSコードを共有して実行できるようにしようという概念。*1 この本ではリクエスト/レスポンスの古典的なWebアプリケーションから始まって、AJAX・SPAそしてIsomorphicとWebアプリケーションアーキテクチャの歴史を追って説明してくれている。それも単に歴史を辿るのではなく、当時なにが問題とされて、それをどう解決しようとしたかという背景がわかりやすく解説されているのが特に良かった。 ただ最後の方でReactやAngularJS、An
人とAIの共存を主とする「Google PAIR」、機械学習（NN含む）をブラウザ上で全て実行できるWebMLライブラリ「deeplearn.js 0.1.0」をリリース
人とAIの共存を主とする「Google PAIR」、機械学習（NN含む）をブラウザ上で全て実行できるWebMLライブラリ「deeplearn.js 0.1.0」をリリース 2017-08-12 人を中心としたAIシステムの研究と設計をするGoogleのプロジェクト「The People + AI Research Initiative（PAIR）」は、ブラウザ上で機械学習（Machine learning）を全て実行できるオープンソースライブラリ「deeplearn.js 0.1.0」をリリースしました。 deeplearn.js 本ライブラリは、可能な限り多くの人に機械学習を開かせたいという思いのもと開発されました。その為、インストールやバックエンドなし、ブラウザ上で全て実行できる仕様になっています。 今までもWeb Machine learning（WebML）ライブラリは存在していま
Fizz Buzz問題で副作用と代入を抑えてみる【JavaScript、VB.Net、Python3、CommonLisp、Clojure、HSP、R言語、C++、D言語、BAT】 - Qiita
Fizz Buzz問題で副作用と代入を抑えてみる【JavaScript、VB.Net、Python3、CommonLisp、Clojure、HSP、R言語、C++、D言語、BAT】PythonC++HSPbatdlang 最近、いかに代入や副作用を減らしてFizz Buzz問題を解くかとか遊んでた。 結論としては3項演算子を使うことは第一の条件として再帰とmapする方法があるのかなと。 今回検証した言語はJavaScript(js)、VB.Net(VB)、Python3、CommonLisp(CL)、Clojure、HSPの6言語(⇒R、C++、Dを追加し9言語)。 HSPは言語仕様的に不利の塊だけどどこまでできるのか知りたかった。 追記: R言語に無名再帰用の構文があると知り追加しました。 また、Pythonについて@shiracamusさんよりコメントに無名再帰の実装例を頂きました。
RailsConf 2017のパフォーマンス関連の話題（3）「あなたのアプリサーバーの設定は間違っている」など（翻訳）｜TechRacho by BPS株式会社
「RailsConf 2017のパフォーマンス関連の話題」は今回で完結です。 第1回: BootsnapやPumaなど -- 開発中のRailsをBootsnapで倍速起動するなど 第2回: rack-freezeやsnip_snipなど -- スレッドバグや未使用カラムの検出など 第3回: 「あなたのアプリサーバーの設定は間違っている」など（本記事） 概要 原著者より許諾を得て翻訳・公開いたします。 元記事: Railsconf 2017: The Performance Update 著者: Nate Berkopec (@nateberkopec): Railsのパフォーマンスコンサルタントです。 主著: The Complete Guide to Rails Performance 楽しい画像はすべて元記事からの引用です。 7. あなたのアプリサーバーの設定は間違っている 私は今回
アイソモーフィックJavaScript
TOPICS Web , JavaScript 発行年月日 2017年07月 PRINT LENGTH 256 ISBN 978-4-87311-807-9 原書 Building Ismorphic JavaScript Apps FORMAT PDF EPUB アイソモーフィックJavaScriptは、クライアントサイド（ブラウザ）とサーバーサイドで同じコードを実行できるようにするためのフレームワークの総称。本書では、従来のアプリケーションが持つ問題点（読み込みの遅さ、SEO対策の困難さなど）を明らかにするところから始め、アイソモーフィックなアプリケーションの分類やアイソモーフィックさの度合いについて理解したうえで、アイソモーフィックなJavaScriptフレームワークを構築するための実践手法を解説し、Walmart、Airbnb、Facebook、Netflixといった大企業がアイソ
How React Native works - DiscoverSDK Blog
The most basic is the cross-platform <View>, a simple and flexible UI element that can be thought of as analogous to the <div>. On iOS, for instance, the <View> component renders to a UIView, while on Android it renders to a View. Other components from the table act as platform-specific components. Like for a Datepicker, <DatePickerIOS date={this.state.date} mode="date" timeZoneOffsetInMinutes={th
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Create On-Page Speech Bubbles with Popper.js
Reddit - Dive into anything
[クイズ]javascriptと仲良くなるための一歩 第２７話「比較」 - Qiita![[クイズ]javascriptと仲良くなるための一歩 第２７話「比較」 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/d838fdc4e6d4c98086e11b28d2aa7e4d4c26ac4b/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCJUUzJTgyJUFGJUUzJTgyJUE0JUUzJTgyJUJBJTVEamF2YXNjcmlwdCVFMyU4MSVBOCVFNCVCQiVCMiVFOCU4OSVBRiVFMyU4MSU4RiVFMyU4MSVBQSVFMyU4MiU4QiVFMyU4MSU5RiVFMyU4MiU4MSVFMyU4MSVBRSVFNCVCOCU4MCVFNiVBRCVBOSVFMyU4MCU4MCVFNyVBQyVBQyVFRiVCQyU5MiVFRiVCQyU5NyVFOCVBOSVCMSVFMyU4MCU4QyVFNiVBRiU5NCVFOCVCQyU4MyVFMyU4MCU4RCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MDAwNDAyZDk0NjZhMWEyM2Y3MGEyOTk3NThhMzBiMTE%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwbmFtaXRvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NDI4NWE1NWQ1MmVmNjJjYWQ5ZjQ4NGU0NDg1OTI3YWI%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D1d306d253fbe0c6555219c2470f063f8)
[Rails 5.1]webpackerを使用して、Spectre.cssを適用する方法 - Qiita![[Rails 5.1]webpackerを使用して、Spectre.cssを適用する方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/5c9d4fcef4acfa33df89fc8fec6f806cd9a638e3/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNjM5MiUyRnByb2ZpbGUtaW1hZ2VzJTJGMTU1MjE5OTI2MD9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmZm09cG5nMzImcz00YjA3MTVjMGVjYTZhZWE4Mjc4MmM5MjEzYWI4ZWZkYw%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D3a7effd277183bfcf62d7fd752b89ece%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCUmFpbHMlMjA1LjElNUR3ZWJwYWNrZXIlRTMlODIlOTIlRTQlQkQlQkYlRTclOTQlQTglRTMlODElOTclRTMlODElQTYlRTMlODAlODFTcGVjdHJlLmNzcyVFMyU4MiU5MiVFOSU4MSVBOSVFNyU5NCVBOCVFMyU4MSU5OSVFMyU4MiU4QiVFNiU5NiVCOSVFNiVCMyU5NSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTAxZTZkZDlkNDM0NGMwNTUxOTZhYTQzMDY0MGMzYTg4%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBzaGlyb2Vtb25zJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NDdlZjIzMTVlNzYyNmU4Y2M5M2QxZGNiNzVmMGFjYjk%26blend-x%3D242%26blend-y%3D454%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26txt64%3DaW4gVG9yZXRhLCBJbmMu%26txt-x%3D242%26txt-y%3D539%26txt-width%3D838%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D28%26s%3D6bfc01e2f728b725655b77d02cfafb9b)
