Только зарегистрированные пользователи могут оставлять комментарии.
Войдите, пожалуйста.
This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at http://ift.tt/jcXqJW.
23 июня 2014 г., менее недели назад, после долгой разработки, вышел в свет новый продукт от компании Wolfram Research, который называется Wolfram Programming Cloud (Облако Программирования Wolfram). Об этом своем блоге написал Стивен Вольфрам и его пост был переведен на Хабрахабре.
Wolfram Programming Cloud позволяет вам программировать на языке Wolfram в любом браузере и с любого устройства, а также создавать готовые приложения (веб-формы ввода и скоро мобильные приложения), работать с прямым API, создавать автоматически генерируемые отчеты, отсроченные задания, веб-страницы, CDF и многое другое. При этом у всех желающих есть возможность попробовать и использовать Wolfram Programming Cloud бесплатно.
Мне бы хотелось поделиться с вами первым подробным видео-обзором на русском языке этого продукта, а также его реализации для обычного рабочего стола — Wolfram Desktop.
Из обзора вы узнаете о том, как работать с Wolfram Programming Cloud, создавать формы ввода и API, использовать Wolfram Desktop и пр.
В видео рассмотрены конкретные примеры работы в Облаке с географическими данными, API ВКонтакте, отправкой сообщений на e-mail из Облака, обработкой и подгрузкой изображений (как с устройств пользователя, так и из сети Интернет), применение встроенных функций Wolfram Language и др.
Основные коды на языке Wolfram, использованные в видео-обзоре:
CloudDeploy@FormFunction[
{"city" -> "ComputedCity"},
Module[{data},
data = GeoElevationData[GeoBoundingBox[GeoDisk[#city, Quantity[10, "Kilometers"]]]];
Grid[{{#city},
{ListPlot3D[data, MeshFunctions -> {#3 &}, Mesh -> {{1, 0}}, MeshStyle -> Thick,
ColorFunction -> ColorData["HypsometricTints"], ColorFunctionScaling -> False,ImageSize -> 600]}},
Alignment -> {Center,Center}]]&,
"HTML"]
im1=Import["путь к файлу или веб-ссылка"];
im2=Import["путь к файлу или веб-ссылка"];
images =RemoveAlphaChannel[ColorConvert[#, "RGB"] ,White]&/@{im1, im2};
webString[str_]:=StringReplace[ExportString[Cell[str], "HTML", "FullDocument" -> False],"<span>"|"</span>" -> ""]
CloudDeploy[
FormFunction[
{{"im1","Первая картинка"} -> "Image",
{"im2",webString@"Вторая картинка"} -> "Image"},
Module[{images,imDims,minX,minY,image,head},
images = RemoveAlphaChannel[ColorConvert[#, "RGB"] ,White]&/@{#im1, #im2};
imDims = ImageDimensions /@ images;
minX = Min[imDims[[;; , 1]]];
images = ImageResize[#, minX] & /@ images;
imDims = ImageDimensions /@ images;
minY = Min[imDims[[;; , 2]]];
Table[image[i] = ImageData[ImageCrop[images[[i]], {minX, minY}]], {i, 1, Length[images]}];
head = 1;
Image@Table[head = Replace[head, {1 -> 2, 2 -> 1}];image[head][[i, j]], {i, 1, minY}, {j, 1, minX}]]&,
"PNG",
AppearanceRules -> <|"Title" -> webString@"СМЕШИВАТЕЛЬ ИЗОБРАЖЕНИЙ",
"Description" -> webString@ "Выберите два изображения, смесь которых вы хотите получить.",
"SubmitLabel" -> webString@"Готово"|>]]
$VkAPIAccessToken ="ваш accesstoken";
VkAPIMethod[method_, {options___}] := Module[{response},
"response" /.ImportString[URLFetch["http://ift.tt/1huYTUH" <> method, "Parameters" -> {"access_token" -> $VkAPIAccessToken, options}], "JSON"]];
message :=
Module[{fromId, date, text, Body, Subject,password},
{currentId, fromId, date,text} = {"id", "from_id", "date", "text"} /.VkAPIMethod["wall.get", {"owner_id" -> "-1172233", "offset" -> "0","count" -> "1"}][[2]];
Body = ToString[TableForm@{Row[{"От пользователя: ","http://vk.com/id" <> ToString@fromId}],
DateString[AbsoluteTime[{1970, 1, 1, 0, 0, 0}] + date, {"Hour", ":","Minute", ":", "Second", " ", "Day", ".", "Month", ".","Year"}], text}];
Subject ="Новое сообщение в группе Русскоязычной поддержки Wolfram Mathematica ВКонтакте";
password = CloudSymbol["pass"];
If[currentId === lastId, Null,
SendMail["To" -> "r.a.osipov@gmail.com", "Subject" -> Subject,"Body" -> Body, "Password" -> password];
lastId = currentId]]
message;
Надеюсь, что этот видео-обзор заинтересует вас и позволит вам быстрее начать работать с Wolfram Programming Cloud!
This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at http://ift.tt/jcXqJW.
This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at http://ift.tt/jcXqJW.
Linq2Entities синтаксис же располагает к более «чистому коду», позволяя как тестирование кода, так и его переиспользование. Кроме того, при изменении в базе данных, сразу после обновления контекста, компилятор сгенерирует ошибки, во всех местах где используется удаленное или переименованное поле, изменившаяся структура связей между таблицами подсветит те места, где используются соответсвующие navigation properties.
Но статья не о том, насколько EF ускоряет разработку, и не о том, что не очень хорошо иметь часть запросов написанных на linq, а часть сразу на sql. Здесь я приведу решение, позволяющее совместить EF-сущности и Linq2Entities запросы с одной стороны и «чистую производительность» ADO.Net с другой. Но сначала немного предыстории. Все, кто с такими проектами работал, как я полагаю, сталкивались с тем, что per-row вызовы работают весьма медленно. И многие, вероятно, пытались оптимизировать это, написав огромный запрос и втиснув в него все, что только можно. Это работает, но выглядит очень страшно — код метода огромен, его трудно поддерживать и невозможно тестировать. Первый этап решения, который я опробовал, это материализация всех нужных сущностей, каждой отдельным запросом. А соединение/преобразование их в доменную структуру происходит раздельно с материализацией.
Поясню на примере. Нужно отобразить список страховых полисов, первичный запрос, выглядит примерно так:
int clientId = 42;
var policies = context.Set<policy>().Where(x => x.active_indicator).Where(x => x.client_id == clientId);
var coverages = policies.SelectMany(x => x.coverages);
var premiums = coverages.Select(x => x.premium).Where(x => x.premium_type == SomeIntConstant);
Производительность пришла следующим шагом, когда запустив профайлер SQL сервера, я обнаружил, что два запроса из 30 выполняются в 10-15 раз дольше остальных. Первый из этих запросов был таким
var tasks = workflows.SelectMany(x => x.task)
.Where(x => types.Contains(x.task_type))
.GroupBy(x => new { x.workflow_id, x.task_type})
.Select(x => x.OrderByDescending(y => y.task_id).FirstOrDefault());
var tasks = context.Set<task>
.GroupBy(x => new { x.workflow_id, x.task_type})
.Select(x => x.OrderByDescending(y => y.task_id).FirstOrDefault())
.Join(workflows, task => task.workflow_id, workflow => workflow.workflow_id, (task, workflow) => task)
.Where(x => types.Contains(x.task_type));
Возвращаясь в начало статьи, к микро-ORM, хочу сразу сказать, что подобный подход возможно оправдан не во всех сценариях. В нашем нужно было загрузить порцию данных из БД, сделать некоторые преобразования и подсчеты и отправить клиенту в браузер, посредством JSON.
В качестве прототипа решения, я попробовал реализовать материализацию через PetaPoco, и был сильно впечатлен тестовым результатом, разница в во времени материализации целевой группы запросов составила 4.6х (756ms против 3493ms). Хотя правиьнее было бы сказать, что я был разочарован производительностью EF.
По причинам строгих настроек в StyleCop, использовать PetaPoco в проекте не вышло, да и чтобы приспособить его под задачу пришлось влезать в него и вносить изменения, поэтому созрела идея написать свое такое решение.
Решение полагается на то, что при генерации запросов, EF в запросе укажет имена полей для датасета, соответсвующие именам свойств объектов, которые он сгенерировал для контекста. Альтернативно, можно полагаться на порядок следования этих полей, что также работает. Чтобы извлечь запрос и параметры из запроса, используется метод ToObjectQuery, а уже на результирующем объекте используются метод ToTraceString и свойство Parameters. Далее следует простой цикл чтения, взятый из MSDN, «Изюминкой» решения являются материализаторы. PetaPoco эмитирует код материализатора в runtime, я же решил сгенерировать код для них с помощью T4 Templates. За основу взял файл, который генерирует сущности для контекста, считывая при этом .edmx, использовал из него все вспомогательные классы, и заменил непосредственно генерирующий код.
Пример сгенерированного класса:
public class currencyMaterialize : IMaterialize<currency>, IEqualityComparer<currency>
{
public currency Materialize(IDataRecord input)
{
var output = new currency();
output.currency_id = (int)input["currency_id"];
output.currency_code = input["currency_code"] as string;
output.currency_name = input["currency_name"] as string;
return output;
}
public bool Equals(currency x, currency y)
{
return x.currency_id == y.currency_id;
}
public int GetHashCode(currency obj)
{
return obj.currency_id.GetHashCode();
}
}
Результат изысканий я оформил в виде Item Template и опубликовал в галерее Visual Studio. Краткое описание, как использовать, там присутствует. Буду рад, если кого то заинтересует решение.
This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at http://ift.tt/jcXqJW.
Компания Adapteva в четверг, 26 июня, разослала всем о возобновлении продаж их open source плат Parallella board. Сами продажи начались вчера. На хабре ранее упоминалось, например здесь http://ift.tt/YjjNqe.
Напомню, Parallella board — это высокопроизводительная плата, которая базируется на SoC Xilinx ZYNQ 7010 (или ZYNQ 7020), а также Adapteva Epiphany III с 16 ядрами. Первый кристалл содержит в себе два ядра ARM Cortex-A9 и FPGA уровня Artix-7, плюс куча периферийных контроллеров (Ethernet, USB 2.0, NAND, SPI, I2C и т.д). Второй чип является собственной разработкой Adapteva. Плата предназначена для вычислений и призвана показать всю мощь взаимодействия ARM, FPGA и DSP ядер. Успешно прошла Kickstarter.
Сама плата имеет несколько модификаций, в зависимости от ZYNQ 7010 или ZYNQ 7020, а также в наличии или отсутствии GPIO выходов. Итак всего три варианта. Информация на сайте http://ift.tt/17kS4Lz.
Прошу прощение за какие-либо неправильности, пишу первый раз.
P.S. Сам, давно думал приобрести ее, продажи ожидал около года. Сегодня решился, но разочаровался. увидев строку следующего содержания.Sorry, we don't ship to Russia
Может народ подскажет, как приобрести ее, очень хотелось бы попробовать ZYNQ и Epiphany III. Я бы отблагодарил за труды.
К тому же, отдельно демоплаты с ZYNQ продаются от 600$.
Пока писал пост, увидел Sold Out и разочаровался, но потом опять продажи возобновили.
This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at http://ift.tt/jcXqJW.
«I would like to die on Mars; just not on impact.»
Интервью (статьи на Хабре):
Интервью с Элоном Маском. Часть 1 — о том, как он хотел стать физиком, но стал предпринимателем
Интервью с Элоном Маском. Часть 2 — про массу, про Марс и про MBA
Экскурсия по SpaceX (2011)
Под катом самое свежее(вроде бы) видео интервью на английском
Elon Musk: 5 Areas That Will Have the Most Important Effect on Humanity | Inc. Magazine
(кто найдет там что-нибудь интересное — пишите в комменты)
This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at http://ift.tt/jcXqJW.
Сегодня я хотел бы поделится с вами опытом в работе с NoSQL базой данных GlobalsDB, а так же представить вашему вниманию недавно разработанный инструмент администрирования для неё — GlobalsDB Admin. Далее вы найдёте, в основном, разные технические подробности, и если данная тема вам интересна, добро пожаловать.
Мной разработан программный продукт, позволяющий с помощью графического интерфейса манипулировать данными внутри GlobalsDB, а также и в СУБД Caché. Про GlobalsDB уже было написано несколько полезных и обучающих статей, с которыми вы можете ознакомиться в разделе «читайте также». Сама по себе GlobalsDB достаточно проста по своей структуре, и имеет небольшой, но достаточный набор функций для реализации серверных приложений практически любой сложности. Отличительными её особенностями являются простота, свободное распространение и использование устойчивого, испытанного механизма хранения данных в так называемых глобалах.
База данных в GlobalsDB состоит из набора глобалов, каждый из которых является разреженным массивом. А разреженный массив легко представить в виде дерева. Таким образом, интерфейс программы представляет визуализацию дерева глобалов, над которым можно выполнять различные манипуляции. Такой подход объясняется желанием сделать интерфейс управления универсальным как для сенсорных устройств, так и для компьютеров со своими мышками и клавиатурами. С другой стороны, хотелось заменить привычный типичный интерфейс для всех подобных инструментов чем-то более наглядным, без потерь в комфорте обращения с ним.
Сам по себе инструмент для администрирования представляет собой серверную программу и клиент, расположенный в браузере или на мобильном устройстве. Принцип работы следующий: на стороне сервера запускается программа, написанная на NodeJS, которая с одной стороны взаимодействует с GlobalsDB, а с другой ожидает подключения клиентов на определённый порт. Так же, если была включена соответствующая опция в конфигурации, запустится простой http-сервер, отдающий статику — клиент приложения. После установки соединения клиента с сервером и после процессов авторизации и логина можно приступать к работе, манипулируя всем этим как клавиатурой, так и указателем мыши или жестами на сенсорном экране.
config.js абсолютный путь к mgr каталогу вашей базы данных и другие интересующие вас настройки;node_modules/globalsDB/cache.node подходит для вашей системы/базы данных. Если архив с GlobalsDB Admin был распакован не в ОС Windows, вам нужно будет отыскать cache***.node модуль в директории с установленной базой данных, переименовать его в cache.node и указать к нему путь в файле config.js (или переместить модуль в директорию node_modules/globalsDB). Так же возможен вариант скачать *.node модуль с официального сайта;config.js) запущен, и NodeJS умеет выполнять команды (по крайней мере node --version должен давать что-то разумное);node run в директории проекта, и если сообщений об ошибках не появилось, то по умолчанию станет доступен веб-клиент на знакомом 127.0.0.1.npm install -g forever, а затем запустив приложение: forever start run.js.Клавиатура
Выбор узла: стрелки вверх/вниз, выбор действия (переход, редактирование, копирование, удаление) — стрелки влево/вправо, клавиша Enter — выполнение действия над узлом, клавиша Backspace — возврат, клавиши -/+ — уменьшение или увеличения масштаба.
Указатель и сенсорный экран
Выбор действия над узлом: нажатие на соединение между узлами, нажатие на сам узел — выполнение выбранного действия, прокрутка вверх/вниз или жест двумя пальцами — изменение масштаба. Прокрутка узла с большим количеством дочерних узлов осуществляется нажатием и перемещением указателя.
Так же все подробности о том, как установить и обращаться с этим инструментом вы можете посмотреть в этом скринкасте.
При первой установке базы данных она выглядит как чёрный ящик. Бегло перелистав документацию по интерфейсу NodeJS, можно было наткнуться на первую нужную функцию global_directory, чтобы узнать, лежит ли в базе данных по умолчанию хоть что-то. Подключившись и получив результат окажется, что там пусто, что было достаточно ожидаемым. Но на самом деле это не совсем так. В корне располагаются некоторое количество системных глобалов, а они скрыты. Например, получится достать глобал с именем "%", или "%IS". Чтобы отобразить этот глобал в GlobalsDB Admin, достаточно нажать на + (добавить) у корневого узла и ввести его имя, например, "%IS" без установки значения. Нажав «add», можно будет просмотреть содержимое данного глобала:
Понятное дело, там спрятана разная служебная информация, и лучше воздержаться от её изменения. Но можно так же успешно добавлять свои глобалы, называя их с префиксом "%". Они так же не вернуться в результате выполнения функции global_directory.
Другим любопытным моментом есть то, что самой GlobalsDB безразлично, какие username, password и namespace будут переданы функции db.open. С одной стороны, в GlobalsDB отсутствует такое понятие как пользователь, но с другой, документация по функции open говорит писать именно так. Всё потому, что приложение можно очень просто перенастроить для работы с, например, самой базой данных Caché — достаточно указать соответствующий путь к папке mgr, и готово — теперь работа идёт в указанном пространстве имён от прав пользователя, под которым был выполнен вход. Таким образом, GlobalsDB Admin может взаимодействовать не только непосредственно с базой данных Globals, а и с другими продуктами InterSystems.
This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at http://ift.tt/jcXqJW.
сегодня в 13:31
Компании Samsung Electronics и Google на днях объявили, что часть технологии Samsung KNOX будет интегрирована в новую версию операционной системы Android. Новая версия Android, которая была презентована на этой неделе на Google I/O, включит в себя новые функции для корпоративных пользователей и IT-администраторов — например, отдельное хранилище для управления и защиты бизнес-информации. Новая функциональность обеспечит систему защиты, соответствующую последним корпоративным требованиям к мобильным устройствам. Этот анонс — несомненно, хорошая новость для зарегистрированных разработчиков программного обеспечения для Samsung KNOX (ISVs) и прочих разработчиков, которые теперь смогут расширить потенциальный рынок за счет обширного Android-сообщества, прикладывая при этом минимальные усилия.
Цель этого уникального сотрудничества заключается в решении растущих потребностей в гибкой и безопасной корпоративной мобильной платформе. В то же время, гарантируется конфиденциальность персональной информации и потребители смогут использовать устройства Android для работы так же, как они привыкли пользоваться ими для личных нужд. Двигаясь в сторону раcширения своего присутствия на рынке корпоративной мобильности, Samsung продолжит предоставлять передовые и уникальные решения для корпоративных клиентов.
В настоящее время Samsung KNOX обеспечивает платформу Android решениями высокого уровня защиты и соответствует критериям Правительства США, Агентства по оборонным информационным системам США и другим международным стандартам безопасности для мобильных устройств. Платформа Samsung KNOX получила одобрение STIG (Security Technical Implementation Guide) версии 1 от Агентства по оборонным информационным системам США в мае 2013 года, а в апреле 2014 года Samsung KNOX было получено STIG версии 2. Также правительство Великобритании недавно опубликовало рекомендации по безопасности для пользователей, в которых рекомендовало использовать платформу Samsung KNOX при работе на устройствах Android. Помимо этого были сертифицированы на соответствие требованиям MDFPP Common Criteria следующие устройства, использующие платформу KNOX: GALAXY S4, GALAXY Note 3, GALAXY Note Pro 12.2 (февраль 2014 года), а в мае 2014 года — GALAXY S5 и Note 10.1 (2014 edition).
Компания Samsung также предлагает комплексные решения по управлению KNOX и предоставляет доступ к специализированному магазину приложений и услуг. В дополнение к компонентам Samsung KNOX, которые будут включены в новую версию операционной системы Android, Samsung продолжит развитие таких запатентованных услуг как KNOX EMM и KNOX Marketplace.
Только зарегистрированные пользователи могут оставлять комментарии.
Войдите, пожалуйста.
This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at http://ift.tt/jcXqJW.
С чего все начиналось
Логотип создавался не с нуля. Уже имелся исходный логотип с прототипа, с заданным образом. Но, так как он себя изжил и совершенно не подходил под новую главную страницу сайта, требовалось создать нечто иное – качественное и за скромный стартаперский бюджет (как всегда, качественно и не дорого)
Вот так выглядел наш исходный прототип
Логотип воплощал с собой важные для нас идеи: экологичности (поэтому выбран зеленый цвет), глобальности (поэтому – земной шар).
Кроме того, необходимо было отстроиться от текущих на момент создания проекта коллег-конкурентов (Usarium, Arenrorium):
Все эти условия в прототипе были соблюдены. Проблемы были в качестве логотипа, типографике и самой метафоре, которая не читалась в контексте аренды/проката вещей и предметов.
Вот еще, какие были ограничения мы поставили при создании нового лого:
— не должно быть полного адреса сайта, несмотря на размещение домена в зоне .ORG;
— проект имеет глобальные амбиции, поэтому только латиница;
— логотип создавался «на живую», т.е. внедрялся уже в действующий сайт и обновленную главную страницу.
Работа закипела
Первое, что необходимо было обыграть в логотипе, – это экологичность, мягкость и лояльность, что символизирует зеленый цвет.
Далее работали над метафорой аренды/проката. Чтобы легко читалось, что это аренда вещей и массовый продукт.
Вот какие идеи рождались в процессе работы.
Все это не подходило.
Решили остановиться на словосочетании и поиграть с цветом.
Были варианты, где обыгрывалась буква R
Попытка в одном цвете и ещё вариант несерьезной надписи.
Всё не то!!!
Варианты буквы R с глобусом отдельно нам тоже не понравились:
Внезапно! Приглянулось вроде…
Но сразу же забраковываем. Слишком не серьёзно и не ясно.
Всё не то. От отчаяния хотели даже менять название, но одумались и решили вернуться к первым концептам.
Выбираем таблички.
Метафора напоминает буллит на карте или сноску/комментарий. Оцениваем разные варианты:
Пробуем на сайте:
Понимаем, что бессмысленно обыгрывать сноску. Решили оставить только рамку. И надо было найти более приемлемое цветовое решение.
Смотрим однотонные варианты.
Видим, что дальше упрощать не надо, приходим к логическому завершению работы.
Геометрически обосновываем решение. Берём за основу иконку с сайта.
Пробуем на сайте.
Вариант, где лого выезжает за пределы, нравится всем. Выглядит уверенно и нестандартно. Останавливаемся на нём и поправляем цвет. Результат вполне хорош.
Получается некая печать, которую можно крутить, вращать, и она не испортится, ее можно лепить на любые изображения.
Условия создания логотипа
Логотип разрабатывался в течение недели в свободном режиме, на него было потрачено 5000 рублей на троих (графический дизайнер, генератор идей и менеджер-критик).
Результат
Как можно использовать
Можно использовать в черно-белом варианте. Можно применять в офлайн-материалах. А также — делать водным знаком.
Что скажете?
Буду рад любым конструктивным комментариям, замечаниям и пожеланиям, не связанных, как говориться, со вкусовщиной.
И, надеемся, наш опыт вам пригодится!
This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at http://ift.tt/jcXqJW.
В последнем году, Browserify вышел на арену и превзошел все ожидания. Как только сообщество начало потихоньку успокаиваться, я решил написать обзор Browserify — что он из себя представляет, и как его можно использовать в вашем рабочем процессе.
require("./ваш_файл.js"); выражение. Так же вы можете использовать публичные модули из npm. Для Browserify так же не составляет никакого труда создание source map'ов (карт исходных файлов до компрессии), так что даже не смотря на конкатинацию, вы сможете отлаживать отдельные части пакета ровно так же, как вы и привыкли это делать с отдельными файлами.require() (предварительно проверив, что они установлены через npm) и всё! Вы так же можете использовать такие популярные JavaScript библиотеки, как jQuery, Underscore, Backbone и даже Angular (неофициальный порт). Они все доступны для скачивания и работы через npm. Если вы работаете над сайтом, который уже использует node, вы просто упрощаете себе разработку, ведь теперь вы можете использовать общую архитектуру всех ваших JS скриптов. Мне действительно нравится такой подход!node.js
npm – по умолчанию поставляется с node.js
Browserify – я объясню, как его установить
Ну, и, соответственно, набор JS файлов, с которыми вы хотите работать.
npm install -g browserify
-g говорит npm установить модуль глобально). Если вы в результате получаете проблему, схожую со следующей:Error: EACCES, mkdir '/usr/local/lib/node_modules/browserify'
main.js и положил его в папку js.Начнем с резервирования прееменной _ под Underscore, используя метод require() Browserify'а:
var _ = require('underscore');
each() и find() из подключенной нами библиотеки Underscore, Мы произведем поиск в двух массивах имен и на каждой итерации будем выводить значение выражения условия поиска супермена в консоль с помощью console.log. Лекс Лютер может только мечтать об этом. Наш конечный вариант кода будет выглядеть как-то так:var _ = require('underscore'),
names = ['Bruce Wayne', 'Wally West', 'John Jones', 'Kyle Rayner', 'Arthur Curry', 'Clark Kent'],
otherNames = ['Barry Allen', 'Hal Jordan', 'Kara Kent', 'Diana Prince', 'Ray Palmer', 'Oliver Queen'];
_.each([names, otherNames], function(nameGroup) {
findSuperman(nameGroup);
});
function findSuperman(values) {
_.find(values, function(name) {
if (name === 'Clark Kent') {
console.log('It\'s Superman!');
} else {
console.log('... No superman!');
}
});
}
npm install underscore
node_modules в папке проекта. В этой директории будет располагаться ваш модуль Underscore. Команда получит последнюю версию Underscore из npm-репозитория (http://ift.tt/KacD7F). С этим модулем в нашей директории node_modules, Browserify сможет легко найти и использовать его.findem.js. Я запускаю команду из корневой папки проекта:browserify js/main.js -o js/findem.js -d
findem.js (разумеется, включая пакетные зависимости. прим. пер.), который был указан с помощью опции -o. Я включил в запрос еще и опцию -d, поэтому наша команда вдобавок еще и сгенерирует source map для нашего файла. Благодаря этому, мы сможем отлаживать underscore и main.js как два отдельных файла.<script src="js/findem.js"></script>
node_modules. Чтобы подключить ваш собственный JavaScript код, вы можете использовать тот же подход с функцией require(). Данная строка кода импортирует JS файл с именем your_module.js в переменную greatestModuleEver:greatestModuleEver = require('./your_module.js');
module.exports. Один из способов это сделать показан ниже.module.exports = function(vars) {
// Ваш код
}
module.exports = function() {
return ['Barry Allen', 'Hal Jordan', 'Kara Kent', 'Diana Prince', 'Ray Palmer', 'Oliver Queen', 'Bruce Wayne', 'Wally West', 'John Jones', 'Kyle Rayner', 'Arthur Curry', 'Clark Kent'];
}
names = require("./names.js");:var _ = require('underscore'),
names = require('./names.js');
findSuperman(names());
function findSuperman(values) {
_.find(values, function(name) {
if (name === 'Clark Kent') {
console.log('It\'s Superman!');
} else {
console.log('... No superman!');
}
});
}
names ссылается на экспортированную функцию из модуля. Поэтому, мы используем переменную names как функцию, чтобы передать нужный нам массив в функцию findSuperman().Запустите эту browserify команду ещё раз, чтобы скомпилировать код, а потом откройте его в вашем браузере. Он должен работать, как и ожидалось, итерируя каждое значение массива и логируя, является ли человек из списка имен суперменом или нет:
findSuperman() в отдельный модуль. Таким образом, мы как бы теоретически можем найти супермена из разных частей нашего приложения, и мы так же всегда можем заменить наш модуль поиска супермена более эффективным, если это потребуется в будующем.Мы так же можем передавать переменные в наши модули и использовать их в нашей возращаемой функции (module.exports), и чтобы это проиллюстрировать, мы создадим файл findsuperman.js, который будет принимать массив имен:
module.exports = function (values) {
var foundSuperman = false;
_.find(values, function(name) {
if (name === 'Clark Kent') {
console.log('It\'s Superman!');
foundSuperman = true;
} else {
console.log('... No superman!');
}
});
return foundSuperman;
}
findSuperman(). Если она найдет супермена, вернет true, в противном случае — false. А дальше пускай решает код, который вызывает этот модуль. Но как бы то нибыло, мы упустили одну вещь: наш код использует Underscore, но мы не объявили его. После добавления Underscore, наш код принял такой вид:var _ = require('underscore');
module.exports = function (values) {
...
}
findsuperman.js, но когда Browserify соберет это всё воедино, он добавит его всего один раз. Круто, не правда ли?Наше нынешнее JavaScript приложение в данный момент использует наш новый модуль с новым возвращаемым значением true/false. В случае нашего примера, мы просто используем document.write чтобы сказать, смогли мы найти супермена в списке имен, или же нет:
var _ = require('underscore'),
names = require('./names.js'),
findSuperman = require('./findsuperman.js');
if (findSuperman(names())) {
document.write('We found Superman');
} else {
document.write('No Superman...');
}
findsuperman.js.package.json package.json в корневой директории нашего проекта. Этот файл дает вашему проекту имя (убедитесь в отсутствии пробелов), описание, устанавливает ему автора и версию, и, что самое главное, npm зависимости. Те же, кто уже сталкивался с разработкой под node — мы используем тот же механизм:{
"name": "FindSuperman",
"version": "0.0.1",
"author": "Patrick Catanzariti",
"description": "Code designed to find the elusive red blue blur",
"dependencies": {
"underscore": "1.6.x"
},
"devDependencies": {
"browserify": "latest"
}
}
"underscore": "1.6.x", где первая часть зависимости — это имя, и вторая — версия. "lastest" или "*" позволит вам получить самую последнюю версию, которая есть в npm. Так же, вы можете указать номер версии как 1.6 (фиксированным числом) или 1.6.х (для версий от 1.6.0 до 1.7, не включительно).Мы также можем подключить browserify как зависимость, но т.к. это не зависимость, необходимая для запуска проекта — любой пользователь сможет найти файл findsuperman.js без необходимости прогона Browserify. Но мы подключим его как одну из devDependencies — модулей, необходимых разработчикам, чтобы поддерживать приложение.
Теперь, когда у нас есть файл package.json, нам не придется заставлять нашего друга запускать npm install underscore. Он может просто запустить npm install и все необходимые зависимости будут установлены в директорию node_modules.
browserify каждый раз безумно нудно, не говоря уже о том, что дико неудобно. К счастью, есть несколько способов автоматизировать работу с Browserify.scripts в package.json. Это делается следующим образом:"scripts": {
"build-js": "browserify js/main.js > js/findem.js"
}
npm run build-js
Теперь добавим его в package.json к devDependencies, и не забудем прописать дополнительную строку в разделе scripts (она будет напрямую запускать наш модуль watchify, если не требуется пересборка пакетов).
"devDependencies": {
"browserify": "latest",
"watchify": "latest"
},
"scripts": {
"build-js": "browserify js/main.js > js/findem.js",
"watch-js": "watchify js/main.js -o js/findem.js"
}
npm run watch-js
-v в вашу watchify команду:"watch-js": "watchify js/main.js -o js/findem.js -v"
121104 bytes written to js/findem.js (0.26 seconds)
121119 bytes written to js/findem.js (0.03 seconds)
-d после вашей команды browserify (или watchify):"scripts": {
"build-js": "browserify js/main.js > js/findem.js -d",
"watch-js": "watchify js/main.js -o js/findem.js -d"
}
"watch-js": "watchify js/main.js -o js/findem.js -dv"
Нам потребуется изменить наш package.json, добавив туда директиву на подключение Grunt. Мы больше не будем использовать секцию scripts, это переляжет на плечи Grunt'a:
{
"name": "FindSuperman",
"version": "0.0.1",
"author": "Patrick Catanzariti",
"description": "Code designed to find the elusive red blue blur",
"dependencies": {
"underscore": "1.6.x"
},
"devDependencies": {
"browserify": "latest",
"grunt": "~0.4.0",
"grunt-browserify": "latest",
"grunt-contrib-watch": "latest"
}
}
grunt – чтобы убедиться, что у нас установлен Grunt для нашего проекта.
grunt-browserify – модуль, который позволит вам использовать browserify внутри вашего проекта.
grunt-contrib-watch – модуль, который будет отслеживать изменения ваших файлов и вызывать Browserify каждый раз при сохранении изменений в любом из наблюдаемых файлов.
Потом мы создадим файл, который назовем Gruntfile.js и положим его в корень проекта. Внутри этого Gruntfile.js мы должны написать следущее:
module.exports = function(grunt) {
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-browserify');
grunt.registerTask('default', ['browserify', 'watch']);
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
browserify: {
main: {
src: 'js/main.js',
dest: 'js/findem.js'
}
},
watch: {
files: 'js/*',
tasks: ['default']
}
});
}
package.json:grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-browserify');
browserify и watch):grunt.registerTask('default', ['browserify', 'watch']);
initConfig:grunt.initConfig({
package.json:pkg: grunt.file.readJSON('package.json'),
browserify: {
main: {
src: 'js/main.js',
dest: 'js/findem.js'
}
}
watch-задачу для детектирования изменений в оыode> каталоге:watch: {
files: 'js/*',
tasks: ['default']
}
devDependencies) нам требуется сперва запустить npm install. Запускать эту команду придется только один раз, в дальнейшем вы будете пользоваться благами Grunt'а.grunt-browserify несколько изменился процесс генерирования source maps, т.к. интернет кишил неправильными решениями. Теперь, чтобы заставить Grunt и Browserify правильно создавать source map'ы, достаточно просто добавить флаг debug: true в bundleOptions:browserify: {
main: {
options: {
bundleOptions: {
debug: true
}
},
src: 'js/main.js',
dest: 'js/findem.js'
}
}
npm build.Для того, чтобы повторить всё то, что мы описали выше для Gulp, необходимо для начала установить его (глобально):
npm install -g gulp
package.json для подключения пары новых devDependencies, которые нам нужны:"devDependencies": {
"browserify": "latest",
"watchify": "latest",
"gulp": "3.7.0",
"vinyl-source-stream": "latest"
}
npmBrowserify имеет API для работаы с потоками напрямую из Gulp. Большая часть руководств рекомендуют использовать gulp-browserify плагин, но сам Browserify предпочитает, чтобы работа с ним осуществлялась через его потоковый API. Мы используем vinyl-source-stream чтобы получить выходные данные Browserify и сохранить их в файл с помощью Gulp.
Потом мы создаем файл gulpfile.js в корне нашего проекта. Здесь будет лежать вся функциональность Gulp'а:
var browserify = require('browserify'),
watchify = require('watchify'),
gulp = require('gulp'),
source = require('vinyl-source-stream'),
sourceFile = './js/main.js',
destFolder = './js/',
destFile = 'findem.js';
gulp.task('browserify', function() {
return browserify(sourceFile)
.bundle()
.pipe(source(destFile))
.pipe(gulp.dest(destFolder));
});
gulp.task('watch', function() {
var bundler = watchify(sourceFile);
bundler.on('update', rebundle);
function rebundle() {
return bundler.bundle()
.pipe(source(destFile))
.pipe(gulp.dest(destFolder));
}
return rebundle();
});
gulp.task('default', ['browserify', 'watch']);
sourceFile – местоположение и название исходного Browserify-файла (в нашем случае js/main.js)destFolder – местоположение финального файлаdestFile – имя, которое мы хотим дать нашему финальному файлу
Следующий код я объясню более детально:
gulpfile.js — это «browserify»:gulp.task('browserify', function() {
main.js в npm пакет Browserify:return browserify(sourceFile)
.bundle()
findem.js и сохраняем его в директорию js..pipe(source(destFile))
.pipe(gulp.dest(destFolder));
watchify.Мы начнём с установки задачи, которая называется наблюдателем:
gulp.task('watch', function() {
bundler (т.к. мы будем использовать его дважды):var bundler = watchify(sourceFile);
rebundle каждый раз, когда вызывается событие update. Проще говоря, как только наблюдатель видит, что файл изменяется, он запускает rebundle():bundler.on('update', rebundle);
rebundle()? Это очень похоже на то, что делает наша задача Browserify:function rebundle() {
return bundler.bundle()
.pipe(source(destFile))
.pipe(gulp.dest(destFolder));
};
return rebundle();
});
browserify и watchify вместе, но я бы рекомендовал вам оставить их отдельно друг от друга, по крайней мере в этой статье. Для более глубокого изучения, вы можете посмотреть на gulpfile.js Дана Тэлло.Чтобы закончить наш gulpfile.js, нам нужно создать нашу задачу по умолчанию (работает по тому же принципу, что и grunt).
gulp.task('default', ['browserify', 'watch']);
gulp
browserify и создаст задачу-наблюдателя, которая будет следить за изменениями в ваших файлах.Вы можете так же запустить задачу Browserify вручную:
gulp browserify
gulp watch
{ debug: true } в обе функции bundle().Наша browserify задача будет похожа на что-то следующее:
gulp.task('browserify', function() {
return browserify(sourceFile)
.bundle({debug:true})
.pipe(source(destFile))
.pipe(gulp.dest(destFolder));
});
rebundle() в нашей watch-задаче будет выглядеть так:function rebundle() {
return bundler.bundle({debug:true})
.pipe(source(destFile))
.pipe(gulp.dest(destFolder));
}
This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at http://ift.tt/jcXqJW.
Еще в марте на Хабре проскакивала новость о том, что Motorola и LG планируют выпустить умные часы на платформе Android Wear. LG с этой задачей уже справились, выпустив LG G Watch, да и Google Motorola уже вот-вот отгрузит первую партию Moto 360 (так называется девайс) для продажи.
Во всяком случае, журналистам TheVerge удалось немного потестировать тестовый образец Moto 360. Кроме того, удалось «подержать в руках» и персональный девайс исполнительного директора Motorola. По словам журналистов, и тестовый образец «для всех», и личное устройство работали одинаково хорошо (внешний вид у них также практически идентичен, что немудрено — ведь это одна и та же модель).
Под катом — штук 10 фотографий общим объемом в 2-3 МБ.
Журналистам часы Moto 360 понравились: на руке сидит хорошо, выглядят тоже отлично, при этом устройство можно назвать практичным, это не украшение. Собственно, дизайн умных гаджетов становится все более интересным (например, вот фитнес-трекер Activité, который никак не похож на трекер).
Moto 360 будут поставляться в разных цветовых решениях, включая «черный-на-черном» — весьма стильно, да.
Как и было обещано, корпус у часов круглый (само собой, дисплей тоже). Изображение занимает почти всю площадь экрана, за исключением небольшой области снизу, где расположено управляющее дисплеем «железо».
Экран яркий и достаточно большой (1,8 дюйма). По словам журналистов, сенсорный дисплей весьма отзывчив на прикосновения, лагов и «залипаний» нет.
Кстати, круглый дизайн был создан не случайно. Дело в том, что дизайнеры попросили нескольких детишек нарисовать умные часы, как те себе их представляют. И все без исключения дети нарисовали именно круглые часы. В общем, это может быть и просто красивой историей, но в Motorola прислушались к мнению детишек, и сделали круглые часики.
В общем-то, Moto 360 умеет делать то, что умеют и другие умные часы. Это связь со смартфоном (Bluetooth 4.0 LE.), а значит, возможность получать уведомления о сообщениях и вызовах прямо на дисплей носимого устройства.
Это — фитнес-трекер, показывающий, сколько человек прошел за день, и сколько шагов было сделано.
Это и органайзер, показывающий, какие события предстоят в недалеком будущем.
Кроме того, устройство показывает, сколько примерно времени идти/ехать к определенной локации (показывается и загруженность дорог в этом регионе). Ну, а погоду сейчас, кажется, умеют показывать и предсказывать даже утюги.
Заставку часов можно менять, устанавливая, например, оболочку в виде обычных механических часов. Издалека и не скажешь, что это не реальные стрелки, а изображение.
Скорее всего, цена будет составлять около 250 долларов США (точнее пока сказать не получится). Заказать часики можно будет либо у производителя, плюс запросить уведомление о поступлении устройства в продажу на сайте Madrobots.
This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at http://ift.tt/jcXqJW.