新人にドヤ顔で説明できるか、今風フロントエンド開発ハンズオン(git/node.js/ES6/webpack4/babel7) - Qiita
概要 今風の手法でJavaScriptアプリを作ろうとすると色々ツールがあって便利な反面、複雑でわからないことがたくさんあります。 わからないことがあったら、それを放置せず、しっかり理解して大いに寄り道しつつブラウザで動作するJavaScriptアプリをゼロから作っていきます ブラウザ上で動作するフロントエンドアプリを作ったら、ライブラリ化してnpmモジュールとして公開します 対象読者＝今風のJavaScript開発の入門者、初心者 11年前からタイムトラベルしてきたひと ブラウザ用アプリを作りたいが今風の手法の初心者(jQueryだけでなんとか生きてきた人とか） Node.jsの環境をつかってフロンドエンドアプリかいているけど、「何となく」理解している人 来年の新人教育係 キーワード 本投稿では、以下のようなキーワードが出てきます。 Node.js、npm、ES6(ECMAScript6
第1回 Apache Cordovaでできること
連載目次 Visual Studio Tools for Apache Cordova（次の画像、以降「VS Tools for Cordova」）を使うと、iOS／AndroidそしてWindows／Windows Phoneのクロスプラットフォーム開発ができる。使い慣れたVisual Studioで、iOSとAndroidのアプリも簡単に開発できるのである。 本連載は、VS Tools for Cordovaを使ったクロスプラットフォーム開発の入門である。iPhone／Android用のモバイルアプリを作ってみたいと思っている.NET開発者にうってつけだ。予備知識としては、Webページの作り方（HTML／CSS／JavaScript）がある程度分かっていればよい。筆者もiOS／Androidアプリ開発についてはさほど詳しくはないが、VS Tools for Cordovaを使うことで、
Cordovaでサクッとモバイルアプリ開発デビュー！ - Qiita
はじめに Cordovaでアプリを一本作ってみて「これはイケてる！」と思ったのでご紹介の記事です。 こんな方におすすめです！ モバイルアプリを簡単に作ってみたい！ iOSもAndroidも対応したアプリが作りたい！ フロントエンドしかやったことないけどアプリに手を出したい！ Cordovaで開発するメリット JavaScriptで書ける！ フロントエンジニアほぼ必須のJavaScriptを使用するので新規言語を習得し直す必要なし！ IDE必要なし！ HTML + JavaScript で記載するので、メモリをやたら食うIDEなんかは必要なし！ 私はVisualStudioCodeで書きました！ クロスプラットフォーム！ MacだろうとWindowsだろうとiOSだろうとAndroidだろうとなんでも動きます動かせます！ カメラとか位置情報、センサー類も使えます！通知だって出せます！ 参考:
1行のコードでモバイルブラウザに開発者ツールを搭載できるJavaScriptライブラリ「Eruda」を使ってみた！ -
どうも、まさとらん（@0310lan）です！ 今回は、スマホのモバイルブラウザに本格的な開発者ツールを組み込むことができるJavaScriptライブラリをご紹介します！ 「コンソール」機能を使ったデバッグやエラーログの確認、「ネットワーク」機能で通信状態を確認したり、「リソース」機能でCookieデータを確認するなどなど…、開発する上で便利な機能が満載です。 スマホ1つあれば開発者ツールが利用できるので、ぜひみなさんも試してみて下さい！ 【 Eruda 】 ■「Eruda」の使い方 それでは、「Eruda」を利用して開発者ツールを使うための準備作業から始めましょう！ 準備といってもやることは簡単で、「Eruda」のライブラリファイルをインストールするだけです。 Node.jsの開発環境を持っている人であれば、npmから以下のようにインストールできます。 npm install eruda
Web屋の私が勘違いしていた、世界のネット通信環境の驚くべき状況
ユーザーの目線でWebサイトを作ることは基本中の基本ですが、グローバルサイトを担当することになったら日本の常識を捨てて現地の状況を理解する必要があります。 アプリやWebサイトをより良く、より速く、よりアクセシブルにする手助けが私の仕事です。CalibreでWebを構築したり、メンテしたりする際にぶつかる課題について、知見が集まりました。 この1年で本当に驚いたことは、一般のユーザーがどうインターネットにアクセスしているかです。Web業界に従事しているのに、ほとんど理解していませんでした。自分たちがユーザーにコンテンツを配信する方法がいかに時代遅だったのかもわかりました。 ここ数年の進歩で、コンテンツをWebからダウンロードする速度は劇的に速くなりました。しかし、「HTMLをロードし、ほかのリソースを探してそれもロードする」という基本は変化していません。 世界中の約46.1%がインターネッ
バグをどのように見つけるか
秋のJavaScript祭 in mixi 〜秋のJavaScript収穫祭〜 2016-10-15 https://javascript-fes.doorkeeper.jp/events/52089
10年のツケを支払ったフロント界隈におけるJavaScript開発環境（2016年4月現在）。 - 日々、とんは語る。
2015年はCSSが普及した以来となる10年に1度のフロントエンド大変革期で、それまでのツケが一気に回ってきたと個人的に感じていました。目まぐるしく状況が変化していきましたが、2016年になり、個人的にだいぶ落ち着いてきたと感じているので、ここらへんでまとめておきたい思います。 最初に結論を書いておくと、 『React + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guide』 という組み合わせが、いま僕の採用しているJavaScriptの環境です。 主要ライブラリは React A JavaScript library for building user interfaces | React 去年、一気に普及したReact
JavaScriptのコーディング規約を気軽にチェック
こんにちは、中川です。 今回は「Google JavaScript Style Guide」を気軽にチェックできるClosure Linterをご紹介したいと思います。 http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml Google JavaScript Style Guideのいいところですが、 規約だけでなく、しっかりしたツールも揃っているところが素晴らしいと思います。 コーディング規約はあったとしても、それに従っているか定期的に簡単にチェックする方法がないと、 いつしか守られないまま開発されてしまうことになりますね。 ※今回の内容はMacにて動作確認を行なっています。
DeNA、HTML5開発支援フレームワーク「Arctic.js」を オープンソースとして公開 - [DeNA] 株式会社ディー・エヌ・エー
株式会社ディー・エヌ・エー（本社：東京都渋谷区、代表取締役社長：守安功、以下DeNA）は、人気ゲームタイトルで使用されているHTML5開発支援フレームワーク「Arctic.js」をオープンソースとして公開しました。 「Arctic.js」は、スマートフォン向けブラウザゲームにおけるインタラクティブなアクションゲーム操作や、複雑なアニメーション表現を支援するJavaScript＊1フレームワークです。開発者は「Arctic.js」を用いてJavaScriptのコーディングを行うことで、短期間かつ一度の開発でAndroid＊2とiOS＊3双方の様々なスマートフォンデバイスへ高品質なゲームを提供することが可能になります。＊4
Titanium Mobileを二ヶ月くらいさわってみた感想。 - ひげろぐ
今年に入ってからほぼ毎日触ってました。でもほとんどiPhone開発しかしてない感想。 主観的なところをだらだらと書いてみましょう。 とりあえず気に入っているところイマイチと思うところを挙げてみたい。 合わせて総評など。 気に入っているところ さくさく開発できる Objective-Cとは段違いの開発効率。 冗長なメソッド名とメモリ管理の煩わしさからの解放がうれしい。 ちょっとしたモックアップ程度ならさくっと作れてしまう。 そこから開発者が作り込みに注力できる環境が見事にできあがっているのではないかと。 JavaScriptはくせもあるけどおおむね使いやすい言語。 CoffeeScriptとの組み合わせでさらにいいかんじ。 TDDできる Jasmineで気持ちよくTDD出来ている点が非常にポイント高い。 おかげでTitaniumラブですよ。 Objective-CでもTDD可能だけど、OCU
Titanium Mobileの暗黒ノウハウを公開します。 - このブログは証明できない。
WEB+DB PRESS Vol.61の特集は、Titaniumでした。実際にアプリを作りながらのチュートリアルになっています。正統派な入門記事です。 でも。期待してた内容ではありませんでした。私は、Titaniumの暗黒面が知りたいのです。いつものWEB+DB PRESSなら、そんな記事が多いのですが、さすがにまだ開発者が少なそうなTitaniumではアッサリ目に仕上げるしかないのでしょう。そこで、このどうでもいいブログで、Titaniumのバッドノウハウ、いや、暗黒ノウハウをメモっておきます。 アプリを1本開発しただけですので、そこまでTitaniumのことを解っているわけではありません。間違っているところなどがありましたら、指摘してもらえるとありがたいです。暗黒ノウハウをみんなで共有しましょう。あと、スシなどをおごってもらえると、もっとありがたいです。 前提。 Titaniumのバー
ハタさんのブログ(復刻版) : Re: Titanium Mobileの暗黒面
面白いものをみてしまったので、僕も少しだけ ref - Titanium Mobileの暗黒ノウハウを公開します。 - このブログは証明できない。 Object の wrap って出来ないね。ってやつ Titanium.Database まわりを実装していたときのことなんですが DB の処理って大半は CRUD しかないから、それらを楽に扱えるように、wrapper を書こうと思って下記のようなコードを用意してみました。 Titanium.UI.setBackgroundColor('#000'); var copyArray = function(obj){ var result = []; for(var i = 0; i < obj.length; ++i){ result.push(obj[i]); } return result; }; var DatabaseWrapper
はてな技術勉強会 #2 録画公開 「TitaniumによるiPhone/Androidアプリ開発」「iPhoneアプリ開発講座Web連携アプリ編」 - Hatena Developer Blog
こんにちは、id:stanakaです。昨日開催された、はてな技術勉強会 #2の資料&動画を公開します。今回は、翌日に公開できました。今後もこのスピード感を維持したいものです。 「TitaniumによるiPhone/Androidアプリ開発」 id:r_kurain いま最も注目をあつめる、スマートフォンアプリ開発環境であるTitaniumについて解説します。 インストールなどの導入から、簡単な Twitter クライアントの作成までの一通りの開発について実際に動く様子を確認しながら説明していく予定です。 TitaniumによるiPhone/Androidアプリ開発View more presentations from kurain. サンプルコード: https://github.com/kurain/TitaniumMobileSample 「iPhoneアプリ開発講座Web連携アプリ
Titanium MobileでiPhoneアプリを開発、リリースしました
* 2010/11/17 17:00追記 foursquareで誰もチェックインしない会社のMayerになってニヤニヤしている小山です。 最近、個人的にですが、`CacooViewer’というiPhoneアプリをリリースしました。 CacooViewer CacooViewerは、弊社と同じ福岡に本社を置くヌーラボさんの`Cacoo‘というリアルタイムなコラボレーションが可能なWebドローイングーサービスのモバイルビューワです。 CacooViewerは非常に簡単なアプリですが、Flashで作成されているCacooの「iPhoneやiPadで作成した画像を見れない」という弱点を若干ながら補完するアプリになっています。 で、 実はこのアプリ、Titanim Mobileを利用して作られています。 Titanium Mobileって何？ Titanium Mobileとは、大雑把に言うと「Ja
Titanium mobileが盛り上がっているようで何よりだ | [ bROOM.LOG ! ]
ニコニコPodder iPhone/iPod/iPad対応ニコニコ動画簡単インポートツール aggregateGithubCommits GitHubレポジトリでのコミット数をAuthor/期間別に集計します probeCOCOATek 新型コロナ接触確認アプリCOCOAが配布するTEKを表示・集計 実はしばらく前にTwitterのTLで流れてたのを見て触りだしてからはまっていたので、最近の盛り上がりは嬉しく思います。なんたって一時期は日本でTi mobile使ってるのは数人ぐらいしかいないんじゃないかとか思ってたぐらいなので。 へえまだアルファブロガーっているんだぁと思った次第。 実は既にそれなりにまともなiPhoneとAndroidアプリをTi mobileで作ってそれぞれAppStoreとAndroidマーケットで公開していたりします(本名で出してるからここでは紹介しない)。 という
サイボウズで学んだこと - IT戦記
はじめに 2010 年 9 月 15 日を持ちまして、サイボウズ・ラボを退職いたしたました。 報告も兼ねて、久しぶりにブログを書いてみたいと思います。 （写真はゆうすけべーさんです） この会社に入って、たくさんの学びと思い出がありました。 その一つ一つをまとめていければ、素晴らしい記事になるのかもしれませんが、僕は文章が苦手です。 ですので、うまく退職のエントリを書き上げることができません。 言葉にできない。そんな感じです。 なので、このエントリはサイボウズ・ラボやサイボウズ本社の仲間たちへのありがとうの気持ちをこめて、自分らしく最後まで JavaScript のことを書きたいと思います。 サイボウズでの最後の仕事 僕にとって、サイボウズでの最後の仕事は「JavaScript で新しいユーザーインタフェースを作ること」でした。 そして、その中で始めて複数人による大規模な JavaScrip
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは：Web技術でネイティブアプリを作れるTitanium（1）（1/3 ページ） iPad/iPhone VS Androidに戸惑っているWebデザイナ／開発者のために、Web技術でネイティブアプリを作れるオープンソースの開発ツールを紹介し、その利点や使い方を連載で解説します iPad/iPhone VS Androidに戸惑っていませんか？ 2010年1月5日、グーグルがAndroid 2.1を搭載した「Nexus One」を発表しました（参考：Google、Android 2.1搭載の“スーパーフォン”「Nexus One」を発表）。高精細なディスプレイや高速なプロセッサによる快適な動作など、iPhoneのライバルとしての存在感が話題になりました。また1月21日には、NTTドコモ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AngularJS入門 ｜ シリーズ ｜ Developers.IO
最近の Java Web 開発 : http://qiita.com/monzou/items/9174d0baf08af295e703
Use Appcelerator Titanium to build mobile apps for iPhone & Android and desktop apps for Windows, Mac OS X & Linux from Web technologies
