Content-Length: 361705 | pFad | https://b.hatena.ne.jp/gayou/20160329#bookmark-283459499
ng-japanにスポンサーとして参加しました - トレタ開発者ブログ
こんにちは、トレタでウェブフロントエンド開発をしている@teyoshです。 3/21に開催されたng-japan 2016にトレタはスポンサーとして参加させていただきました。 2015年に続き、2度目のカンファレンス開催です。 AngularJSも公開されてから4年以上経ち今年はAngular2がリリースされる予定です。 当日は200名を超す参加者の登録や合計5時間にも及ぶ12本もの発表がありました。 発表はAngular2がまだベータであるというのにも関わらず、5本もありサテライト会場も埋まるほどの熱量の多い発表になりました。 AngularJSはAngular2に置き換わっていくことは確定しているものの利用者は多数おり、まだまだ開発は進んでいくため、学びは多いと感じました。 Angularに関しては古い情報などで誤解していることも多かったり、Angular2に関する懸念事項や疑問も多数
「Git 2.8.0」がリリース、submodulesの並列フェッチが可能に
「Git 2.8.0」では、新機能としてsubmodulesの並列フェッチが可能になる。submodulesは、他のレポジトリをレポジトリのサブディレクトリのように使える機能で、プロジェクトへのライブラリや外部の依存関係の統合に便利。しかし、多数のsubmodulesがある場合フェッチに時間がかかるが、今回の新機能により実行時間が短縮される。 また、.gitconfigでユーザー名とメールアドレスを指定している場合、.gitconfigの指定と異なるユーザー名やメールアドレスでコミットした際に、警告は表示されるものの、コミット自体は実行されてしまうが、「Git 2.8.0」では異なるユーザー名やメールアドレスでのコミットを禁止する設定が追加された。 さらに、今回のリリースではGit for Windowsプロジェクトにおける成果の還元によって、プラットフォームにまたがる新機能の追加を行いや
気の利いたセリフを教えてくれるキーボードアプリ『Hemingboard』 | 100SHIKI
これ、ちょっといいかも。 HemingboardはiOS用のキーボードアプリだ（有料ではあるが）。 特徴は「だじゃれ」「類義語」「韻を踏んだ言葉」を教えてくれる点だ。 ちょっと気の利いたことをいいたい場合に良いのではないだろうか。 なお、利用する際にネット接続が必要ないというのもいいですな。 気になる人はチェックしてみるといいだろう。
「PostgreSQL 9.5」の新機能
PostgreSQLとは PostgreSQLはオープンソースソフトウェア（OSS）のデータベース管理システム（DBMS）です。高機能・高性能なエンジンを持ち有用な関数を多く実装するほか、様々な開発言語にも対応するため、技術者にとって扱いやすいDBMSでもあります。機能面でも性能面でも商用DBMSに見劣りしない「OSS DBMSの代表格の1つ」という位置付けです。 またPostgreSQLを利用する上で留意すべきOSSのライセンスは、BSDライセンス（Berkeley Software Distribution License）をベースとした独自の「PostgreSQLライセンス」という形態をとっています。このライセンスは商用・非商用を問わず無償で利用でき、著作権表記とライセンス全文を含めれば改変および再配布は自由となっています。さらにソースコードの公開義務もなく、商用製品への組み込みも容
お手軽に画像加工・編集出来るフリーソフト26選
画像加工でおなじみのソフトといえば、Photoshopを（フォトショップ）です。しかし、Photoshopは高額な上、使いこなすには専門的な知識が必要となり、初心者には扱いづらいソフトだと言えるでしょう。 そこで活用したいのは、無料で配布されている写真・画像の無料加工ソフト。無料と言っても高機能なものが多い上、初心者でも扱いやすいものが揃っています。 今回は、無料で手軽に画像が加工できるサービスをまとめて紹介します。写真に文字入れが必要な時やコラージュをしたい時におすすめです。ぜひ活用してみてください。 無料の写真・画像加工ソフトでできること まず、写真や画像の加工ソフトでできることを確認しておきましょう。以下の機能は、ほとんどの加工ソフトに備わっています。 写真や画像に文字入れをする 写真や画像のトリミングをする 写真や画像のサイズを変更する 以下のような機能が備わっている加工ソフトもあ
[CSS]Media Queriesで使う単位はpx, em, remのどれが適しているか検証 -px指定は注意が必要
レスポンシブ用のMedia Queriesを使う時に「@media (min-width: 400px) {}」のように「px」を単位に使用している人も多いと思います。しかし、px指定には注意が必要です。 Webページでよく使用される条件で検証を行い、Media Queriesでなぜpxを使ってはいけないのか、そして何が適しているのかが分かる検証記事を紹介します。 PX, EM or REM Media Queries? 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 はじめに pxとemとremの検証方法 検証1. html要素でfont-sizeを指定 検証2. ブラウザでズームが可能 検証3. ブラウザでフォント設定が変更可能 検証の結果 はじめに あなたはMedia Queriesで使う単位にpx, em, remのどれが一番
![[CSS]Media Queriesで使う単位はpx, em, remのどれが適しているか検証 -px指定は注意が必要](https://images.weserv.nl/?url=https%3A%2F%2Fcdn-ak-scissors.b.st-hatena.com%2Fimage%2Fsquare%2Febb660a3174b5d3836e1ab0370b94c0ac1d1e64a%2Fheight%3D288%3Bversion%3D1%3Bwidth%3D512%2Fhttps%253A%252F%252Fcoliss.com%252Fwp-content%252Fuploads-201601%252F2016032901.png&q=12&output=webp&max-age=110)
いまどきのJavaScript事情とAngular2のはなし - UUUMエンジニアブログ
こんにちは、タナカです。 先日Angularのカンファレンスに参加させていただきました。 Angular2はもちろんですが、JavaScriptの進化についても興味深かったです。 本日の社内勉強会ではカンファレンスで得た情報を含めたいまどきのJavaScipt事情について共有させていただきました。 フレームワークはMVCからコンポーネント指向へ 一昨年リリースされたReat+Fluxが人気となり、フレームワークの注目はMVCからコンポーネント指向に変わってきました。 W3C標準化を進めているWeb Componetsにも追い風になっています。 また、昨今話題のマイクロサービスアーキテクチャーとも相性がいいです。 Web Comonentsのイメージ、各画面部品がコンポーネントとなる 引用元 Virtual DOMが流行 こちらもReactの影響ですがVirtual DOMが流行しています。
JupyterでTensorFlowが使えるDockerイメージ - めもめも
Jupyterとは？ まず、Jupyterの紹介をすると、これは、Python（IPython）による対話的なデータ分析処理をWebブラウザ上の「ノートブック」で実施するツールです。下記のように、Markdownで記述した文章とコード、そして、その実行結果が記録されていきます。 作成したノートブックは、JSON形式でエクスポートしてGitHubで共有することができます。GitHubのWebサイトでは、自動的にノートブック形式にレンダリングして表示されるようになっています。現在は、Tex形式の数式がうまく表示されない問題があるようですが、下記のような感じになります。 ・ロジスティック回帰による二項分類器の作成 また、受け取ったノートブックは、自由にコードを修正して再実行することができますので、データ分析のコードとその説明をノートブックにまとめておけば、「実行できる教科書」が実現することになり
【初心者向け】Web開発をするなら絶対入れておきたいChrome拡張機能11選
【初心者向け】Web開発をするなら絶対入れておきたいChrome拡張機能11選 Web開発に便利なChrome拡張機能を紹介しています。現役エンジニアはもちろん、非エンジニアでもWeb開発に興味がある人は入れておくと非常に便利に感じるはずです。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 これからエンジニアを目指す人や、普段はディレクターとして働いている人向けにWeb開発で便利なChrome拡張機能をまとめています。 エンジニアやデザイ
HTML5 時代のファイルアップロード方法 - ボクココ
ども、@kimihom です。 今までファイルのアップロードといえば、 input type="file" な要素を作って、 multipart なフォームで送信、というやり方が一般的だった。が、最近はAWSやHTML5の登場により、よりクールで使いやすいファイルアップロードを実現できるようになっている。 今回はその方法をご紹介したい。 File API によるファイル選択とドラッグアンドドロップ 最近のウェブサービスなら一般的になりつつあるファイルのドラッグアンドドロップ。今後は むしろドラッグ&ドロップのないサイトは古臭いし使いにくい というような所まで一般的な方法となるだろう。最近は HTML5 の提供する API のおかげでとても簡単に実装できるようになっている。 ファイル選択とドラッグ&ドロップの両方でキーになってくるのが、Fileオブジェクト。どちらの手法でやっても最終的に得ら
javascriptを使ったSEO対策まとめ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 一昔前まではjavascriptを使ったSEOに弱いというのがあったりしましたが、今ではGooglebotが大分賢くなりjavascriptを実行できるようになってきてます。 とはいえ何も考えなくてもいいかというとそうでもないので、javascriptを使った場合にSEO対策として意識しないといけないことをまとめてみました。 いろいろ書きましたが、 Hisory APIを使ってURLをきちんと書き換えよう っていうのが主です。(pjaxと呼ばれている手法です） クリックやスクロールでDOMを生成するコンテンツはインデックスされない ペー
「エンジニアは今すぐディープラーニングを学べ」松尾豊氏が見据える、日本がシリコンバレーを追い越す日 - エンジニアtype | 転職type
2015.07.08 スキル 大企業からスタートアップまで。BtoBサービスからエンターテインメントまで。日々取材をしていて、いまや人工知能という言葉を聞かない日はない。過去2度のブームと冬の時代を繰り返してきた人工知能研究に、3度目の春が訪れている。 その主役は「ディープラーニング」と呼ばれる新しい機械学習の手法だ。 2012年に行われた画像認識技術を競う世界的なコンペティション「ILSVRC」で、トロント大学の研究チームがこの技術を用いて、それまでの常識を覆す圧勝を記録。同じ年に発表された有名な「Googleのネコ認識」と呼ばれる研究も、ディープラーニングを用いたものだった。 東京大学大学院工学系研究科・准教授の松尾豊氏も、まだ「ディープラーニング」という名前がなかったころからこの技術に注目し、研究を続けてきていた。松尾氏は著書『人工知能は人間を超えるか』の中で、ディープラーニングを「
Make Me a Hanzi - 手書き認識で中国語を学習
国民感情とは別に、中国の巨大な市場にビジネスチャンスを見いだそうとしている人は数多くいます。そうした人たちにとって、まずは中国語を学ぶのは基本と言えます。 今回は中国の漢字、いわゆる汉子（はんじ）を学習するためのソフトウェア、Make Me a Hanziを紹介します。 Make Me a Hanziの使い方 基本は手書き認識となっています。 文字を書きます。 そうするとその漢字の書き方、意味が表示されます。 さらに漢字の一部をドリルダウンして調べることもできます。 日本人にとっては漢字を通じて中国の汉子の意味もなんとなく分かるかも知れません。しかし、文字によっては全く別な意味を持つこともあります。これから中国語を学んでいこうという方はMake Me a Hanziを使ってみてはいかがでしょう。 Make Me a HanziはPython製のオープンソース・ソフトウェア（LGPL）です。
Xamarin.Forms の XAML でコードスニペットを活用するには - Xamarin 日本語情報
こんにちは。エクセルソフトの田淵です。 デモする時にコードスニペット用意しますよね。Xamarin.Forms の XAML は動かなくてなんでだろ？と思っていたら、XML として認識されていたことが分かりましたｗ UWP XAML： Xamarin.Forms XAML： XML って書いてありますね。 という事で、コードスニペットを作ってみました。 例えば Custom Cell を使う ListView とか。 <?xml version="1.0" encoding="utf-8"?> <CodeSnippet Format="1.0.0" xmlns="http://schemas.microsoft.com/VisualStudio/2005/CodeSnippet"> <Header> <Title>Custom ListView</Title> <Author>Yoshit
EarlGrey - Google製のUIテスト自動化フレームワーク
iOSのテスト、ちゃんと行っているでしょうか。もちろん人力ではなく、自動化のテストです。ユニットテストは書きやすいですが、UIが絡んでくるとなかなかテストが難しいケースもあり、十分に行われていない婆もあるようです。 そこで使ってみたいのがEarlGrey、Google製のiOS自動テストフレームワークです。 EarlGreyの使い方 EarlGreyの特徴はネットワークや操作を伴う中での同期した動作です。 EarlGreyのテストを実行したところです。スクロールなどをしつつ、テストが行われています。 デフォルトでは自動的に同期をはかってくれるとのことですが、自分のタイミングにカスタムすることもできるとのことです。XCTestと連携できるので、これまでのテストコードと一緒に活用できるでしょう。 EarlGreyはiOS用、Apache License 2.0のオープンソース・ソフトウェアです
「CSSが難しい。。」「CSSが面倒。。」 と言ったエンジニアさんにもオススメのCSS設計！ 「APBCSS（Atomic Parts Base CSS）」が良い感じ！
このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 「CSSが難しい。。」「CSSが面倒。。」 OOCSS、BEM、SMACSS… Layout、Component、module…. 「色々ありすぎてわかんねーよ！」「サクッと作れないよ。」「ルールが分かりづらい。。」 などなど、お困りのエンジニアさんにもオススメのCSSアーキテクチャが、 APBCSS となります！ APBCSS http://apbcss.com/ APBCSS は Atomic Parts Base CSSの略で「エーピービーシーエスエス」と呼びます。 その名の通り、Atomic Designが ベースとなるように設計されたCSSアーキテクチャの一つとなります。 Atomic Design http://bradfrost.com/blog/post/
Bootstrapのテンプレートが簡単に作成・カスタマイズできる国産の無料ツール -Bootstrap Editor
Bootstrapはページ作成に役立つ機能がたくさん用意されており便利ですが、ファイルをダウンロードしたり、テンプレートを用意したりなど、始めるまでに少し手間がかかってしまいます。 そんな手間をすべて解消し、初心者の人でもプロの人でもすぐにBootstrapのテンプレートが簡単に作成・カスタマイズできる国産の無料オンラインツールを紹介します。 Bootstrap Editor Bootstrap Editorの特徴 Bootstrap Editorの機能 Bootstrap Editorの使い方 Bootstrap Editorの特徴 Bootstrapを初心者でも手軽に使えるよう開発された日本製のオンラインツールで、ダウンロードやインストールなどの準備は不要、すぐにBootstrapでさまざまなページを作成できます。 Emmetなどにも対応しているので、使い慣れた人にも便利です。 作者様
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: https://b.hatena.ne.jp/gayou/20160329#bookmark-283459499
Alternative Proxies:
Best Examples of Angular Web Apps | Made with Angular
artifextech.com
GitHub - mervick/emojionearea: Emoji Picker Plugin for jQuery
デザイナーが愛用したい、フリーフォント素材45個まとめ 2016年3月度 - PhotoshopVIP
TensorFlowのAPIメモ（Python） - Qiita
あずみ.net | 【CodeIgniter3】フックを使ってコントローラーのコアクラスを拡張するクラスを複数作成する方法