Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで(Macの場合はCommand+Option+Iキーで)手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro
こんにちは。CYBIRDエンジニア Advent Calendar 2015 9日目の@gucchonです。 新卒3年目、webエンジニアです。 8日目は@stksさんの「【Unity】僕の考えた最強のエディタ拡張」でした。 去年に引き続き、ヲタヲタしい内容でしたね。@stksさんとは確かに仕事では全く絡んだことがないんですが、ましろたんを舐めたいという共通の価値観を有する同志と認識しました。飲みに行きましょう。 本日の内容 スマホ向けのWebアプリケーションを開発するときに悩まされるのが、マルチデバイス対応ですよね。弊社では特にスマホ向けのゲーム開発を行っているので、スマホの機種依存バグ(特にAndroid)には毎度四苦八苦していますし、通信環境や端末スペックなんかにも配慮する必要があるのでなかなか厄介です。 そんな難航を極めるWebフロントエンド開発において、我々を強力にサポートしてく
ウェブページでよく見かけるアイコンをクリックやタップした時に、ちょっとしたアニメーションを加えたデモを紹介します。 かわいいアニメーションで楽しくなるだけでなく、アイコンをクリックしてどうなるのかが伝わる役目も果たしています。 無くても困らないけど、あると嬉しい演出っていいですね。 Animated Shopping Cart Icons デモではフルーツショップのサイトを例に、カートに商品を入れたり、ギフトを選択したり、商品をファボったりした時に、ちょっとしたアニメーションを加えて、ユーザーを楽しませます。 たくさんあるデモの中から、少しだけアニメーションGIFにしてみました。
写真:Pascal Maramis ※写真の人物は本文と無関係です。 国内大手クラウドソーシングサービスには、100円単位で記事を書いてもらう「クリエイティブな仕事」がザラにある。 内容は「人には言えない性体験」「笑顔が多くて面白い男性の魅力」「引越し一括見積もりサイトへの誘導を意識した文章」など、軽いタッチの原稿がほとんど。文字量は800~1200字と少ない分量ではない。 わたしは出版業界に10年以上いて、原稿は数千円~数万円単位で受けてきた。わたしの経験と比較するなら、メディア側の出費は従来の1割以下でおさえられている。記事の掲載先は、たとえばオンラインメディアがある。 クチコミサイトや話題系サイト。そういえばオウンドメディアをやっているという男性が「ぼくは1人でいくつのメディアを運営していて、記事はすべてクラウドソーシングでつくっています」と話す記事を読んだこともあった。 誰がそんな
[これは Mozilla のセキュリティエンジニア Tanvi Vyas 氏のブログ記事 No More Passwords over HTTP, Please! を同氏の許可を得て翻訳したものです] Firefox 46 Developer Edition は、HTTP ページ上でログイン情報の入力を求められた場合、開発者に警告を行います。 ユーザ名とパスワードの組み合わせは、ユーザの個人データへのアクセスを管理する手段です。Web サイトはこうした情報を注意深く扱い、パスワードは HTTPS のような安全な (認証、暗号化された) 接続を通じてのみ要求すべきです。しかし残念なことに、HTTP のような安全でない接続でユーザのパスワードが扱われている例が 非常に多く 見られます。このプライバシーとセキュリティの脆弱性を開発者の皆さんに知らせるため、最新の Firefox Develope
Amazon Web Services(AWS)がビデオゲーム市場に真剣勝負を仕掛けている。クラウドコンピューティング大手の同社は米国時間2月9日、「Lumberyard」をリリースした。Lumberyardは、クラウド接続でクロスプラットフォームのゲームを構築するための無料でオープンソースの3Dゲームエンジンである。 AWSはLumberyardによって、ゲーム開発者に訴求する。Lumberyardには「Twitch」ビデオサービスが統合されており、究極的には仮想現実(VR)をターゲットとしている。携帯端末とVRヘッドセットのサポートに現在取り組んでおり、数カ月のうちに準備が整うはずだとAmazonは述べた。 同エンジンは、AWSクラウドコンピューティングサービスとTwitchのソーシャルおよびストリーミング機能に「深く統合」されている。Amazonによると、Twitchは現在、月間配信
by David Martyn Hunt Googleはブラウザ上でFlash広告をHTML5に自動変換する機能を2015年2月から導入していますが、ついにFlash広告を全面廃止し、すべての広告をHTML5形式へ完全移行すると発表しました。 スマートフォンなどの一部端末はFlash非対応のため、Googleはより多くの端末で広告を表示できるようにするべく過去数年間にわたってHTML5広告への移行を推奨してきました。今後はさらに多くのユーザーにリーチするべく、Googleの広告配信サービスのGoogle ディスプレイ ネットワークと、広告テクノロジープラットフォームのDoubleClick Digital Marketingで配信される広告のすべてがHTML5ベースに切り替わることが明らかになりました。 具体的なスケジュールとして、2016年6月30日からAdWordsとDoubleCli
「LINE」に「Webカメラ」、のぞき見られた1月:セキュリティクラスタ まとめのまとめ 2016年1月版(1/3 ページ) 世間では「不倫騒動」でも、セキュリティクラスタにとっては「情報漏えい事件」なのでした。そして突然再燃した「Webカメラのぞき見問題」に、連続する「アノニマスのDDoS攻撃」。年明けから騒がしかった2016年1月のセキュリティクラスタを振り返ります。 連載目次 2016年1月は、年明け早々「天空の城ラピュタ」がテレビ放送されるということで、「果たしてTwitterにどれだけの負荷が掛かるのか」をみんなが見守る“バルス祭り”が再び巻き起こりました。しかし、結果的にはツイート負荷のピークは前回に遠く及ばなかったようです。 一方、バルスをしのいでTwitterをダウンさせたのがSMAPでした。例の解散騒動の後の「緊急生放送」によりTwitterがダウンし、翌日まで不安定な状
ファイアウォールとは ファイアウォールは、「信頼できるネットワーク」と「信頼できないネットワーク」の二つのネットワーク間のアクセスを制御するために使われる、機器もしくはソフトウェアである。具体的には、社内ネットワーク(信頼できるネットワーク)とインターネット(信頼できないネットワーク)の間を出入りするパケットを監視し、決められたルールを基にパケットを通過させたり破棄したりする。このルールは、ネットワークをどのように運用したいかという、ユーザーの「ポリシー」(ルール)を反映したものだ。 ファイアウォールを導入すれば、外部の攻撃から社内ネットワークを守り、セキュリティを大幅に高めることができる。しかし、ファイアウォールだけで全ての攻撃を完全に防げるわけではない。例えば、メールなどを使ったコンピュータウイルスの侵入や、ファイアウォールをバイパスするコネクション、未知の脅威、内部的な脅威などを全て
QRコードって面白いですよね。一見、何かが書いてあるとは分からないただの模様ですが、スマホなどのQRコードリーダーを使って読み取ると、URLやメールアドレスなどの情報が浮かび上がってきます。 最近は、ダイレクトメールや飲食店での会員登録用案内など、色々なところでQRコードを目にします。小さなスペースにちょこっと印刷するだけで、さまざまな情報を読み書きできるのが素晴らしいですよね。この特長を生かして、例えば商品カタログにたくさんの商品を掲載するとき、商品一つずつにQRコードを貼り付けるといった使い方が考えられます。 そこで今回は、商品用説明用のURLをテキストファイルにまとめて記述しておいて、それを基にして一気に大量のQRコードを作成するプログラムを作ってみましょう。
仕事中にBGMを流している会社は意外と多いようです。カフェや飲食店などは当然のこと、軽作業を行う現場であったり、事務やIT系の会社でもBGMを流しています。心地よい音楽を聴きながら作業すれば、心なしか作業もはかどるような気がします。 しかし、BGMが気になって作業の手が止まるようでは本末転倒です。特に、BGMの音量が急に大きくなってびっくりすることのないように、あらかじめ調整しておきたいものです。そこで、今回は、オープンソースで公開されているツールを使ってプログラムを作り、快適なBGM環境を整える方法を紹介します。 今回使うツール 今回使うのは、以下のツールです。 ・aacgain:音楽ファイルの音量を均一化する ・mplayer:コマンドラインからメディアファイルを再生する BGMの音量を自動調整するために、「aacgain」というツールを使います。そして、音楽をランダム再生するために「
なお、本連載ではAngularJSそのものに関しては解説しませんので、専門書として『AngularJSアプリケーションプログラミング』、姉妹連載「AngularJSではじめるJavaScriptフレームワーク開発スタイル」などを併せて参照してください。 はじめに 本稿では、これまでの回では扱えなかった小粒な――しかし、アプリ開発には欠かせない以下のライブラリを紹介します。 ngStorage:Web Storageを操作するためのサービス UI Event:AngularJS標準で対応していないイベントを監視 UI Validate:独自の検証ルールを定義 対象読者 AngularJSについて基本的な概念を理解している方 AngularJSで利用できる拡張モジュールに興味がある方 AngularJSアプリでデータを視覚的に見せる方法を知りたい方 検証環境 この記事では、以下の環境でサンプル
ハイブリッドアプリというものを知っていますか? Windows 10 Mobile搭載のスマートフォンも発売されはじめ、AndroidとiOS、Windows Phoneなど複数の環境で動作するアプリが必須になりつつあります。この問題を解決する方法として、ハイブリッドアプリの需要が高まっています。そこで本記事では、ハイブリッドアプリのフレームワークとしてよく利用されているApache Cordovaを紹介します。 対象読者 JavaScript開発者 Androidアプリ開発者 iOSアプリ開発者 Windowsアプリ開発者 ハイブリッドアプリって何? ハイブリッドアプリとは何か、という定義は厳密には定まっていません。スマートフォンアプリの業界内でいえば、Cordovaなどを用い、Web技術で開発した通常のアプリを示します。 どうして、Web技術を用いて通常のアプリが作れるかといえば、スマ
by @appwatcher 以前下記で書かせていただいた goからiOSまで一人でアプリ開発をしてたらいつの間にかマインクラフトエンジニアになった話 ですが、上から下まですべてを担当して個々の技術をすべてやった経験自体も勉強になったのですが、 どうして、そのような技術選択をしたか?という点が自分でも振り返ってみて学ぶ点がありました。 それぞれ良し悪しがあったので何かしらの参考になればと思い、それ以後の技術変遷や取捨選択を踏まえて、振り返ってみたいと思います。 なにかしらの参考になれば。 ちなみに未だに一人です。 今回の技術選択をした時の基準や自分なりの戦略 スピード重視。これは今回に限らず自分自身の戦略です。基本通常の人の3倍のスピードでやる気概でやってます。 ユーザーグロース重視。これはサービス立ち上げからやるので当然。 コスト重視。今回フリーになってコストまできちんと意識するようにな
こんにちは、らこです。AngularJSのバージョン1.5.0がリリースされましたね! コードネームは ennoblement-facilitation、ざっくり訳すなら「高尚化促進」でしょうか。コンポーネント志向の「高尚」なアプリケーション設計への移行をサポートするバージョンだということでしょう。 1.5.0ではcomponentの追加をメインに、Angular2へのスムーズな移行を行うための足がかりとなるアップデートです。いい機会なので、 今の自分のAngularJSの使い方がどれくらい古いのか をチェックし、どのようにモダンにしていけばいいのかを知っておきましょう。 ちなみに、1.4までに関しては AngularJSモダンプラクティス - Qiita を参考にするとよいでしょう。 このモダンプラクティスに従ったコードになっていればcomponent()対応はあっという間のはずです。
こんにちは。サーバサイドエンジニアの @DQNEO です。 前回の「Gitのつくりかた」に続いてGitのコアな部分のお話です。 Gitのコミットハッシュ値とは何か Gitを使っていると必ずコミットハッシュ値というものが出てきます。9e47c22みたいなアレです。 これはある特定のコミットを指し示すIDとして使うことができます。 では質問です。 このコミットハッシュ値は「何を元に」「どうやって」計算されているでしょうか? 「ある特定のコミット」とはそもそも何なのか この問題を考える前に、まず「コミットとは何か」を明らかにしておきましょう。 コミットというと「コミットする行為」すなわち「動作」のことを想像するかもしれません。 しかしGitの内部構造的観点から言うと、Gitが管理記録しているのはコミット行為の結果生成されたデータの方です。 この「コミットによって生成されたデータ」のことを「コミッ
WindowsとMacでリポジトリを共有していると、日本語ファイル名の問題が出てきます。「ボタン.png」のようなファイルがあった場合、Windowsのファイルシステムでは「ボ」はひとつのコードポイントとして扱われますが、Macのファイルシステムでは「ホ」と「゛」が分解されます。 これは、Unicodeの結合文字に対する正規化の扱いが、OSのファイルシステムごとに異なるということです。 これによって、Gitを使ってWindowsで「ボタン.png」をコミットし、Macでそのコミットを持ってくると、「ボタン.png」を削除して「ホ゛タン.png」を追加するような動作になるのです。 この問題を解決するために、Mac OSでのGit実装には、core.precomposeUnicodeという設定があります。configファイルで以下のようになっていた場合、 [core] … precompose
GitHub Flavored Markdownで記述できるWikiエンジンが欲しいなと思っています。 メモみたいなものを書いておきたいのでQiitaに書くほどでもないし、GistやGitHubのWikiを使うことも考えたのですが、デザイン面や情報の集約性、検索ができない、ファイルのアップロードがやりづらいといった問題から別のものを探しています。 できれば自前運用ではなくサービスとして提供されているものがいいなと思うのですが、国内のレンタルWikiサービスはどれもエンジニア向きの用途には使いにくいものばかりですし、海外のサービスだとWikidotがよさそうなのですがMarkdownが使えません。 そこで自前運用も視野に入れて探してみたところ、GollumというRubyのSinatraで実装されているものがあるそうなので試してみました。 github.com インストール icu4sに依存し
Designers Meetup Vol.1 http://goodpatch.connpass.com/event/26109/ でお話させていただきました
2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod
Dropbox、Spotify、Uber、Airbnb…など、国内でも人気となっているWebサービスのサイトデザインやUXなどを、時系列でどのように改善されていったのかをチェックできるサービス「UX Timeline」のご紹介! 公開されているサービスはまだ少ないですが、タイムライン上で変化をチェックできるのは面白く、UXやデザインの勉強にもなるのでオススメです。 この中から、好きなサービスを選択してみましょう! すると、過去から現在まで時系列にWebサイトがどのように変化していったのかを閲覧することが出来るようになっています。 例えば、空き部屋を貸し出せるサービス「Airbnb」の場合を見てみましょう。 2008年当時は、まだ名称が「AirBed&Breakfast」になっているのが分かります。
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
「アプリをとりにいく」若い子はアプリの所有感覚が強い。月500万人がつかう「チケットキャンプ」がアプリシフトを急ピッチで進めてきた理由。 「チケットキャンプ」を運営しているフンザさんにお話を伺いました。株式会社フンザは2015年3月よりミクシィの子会社になっています。 ※株式会社フンザ 代表取締役 笹森良さん。チケットキャンプは25名(うち開発は5名)で運営している。 チケットキャンプについて。 「チケットキャンプ」について教えてください。 チケットを個人が売買できるアプリです、2013年にブラウザからスタートして、現在はアプリへシフトをしつつ、ブラウザとアプリで展開しています。 現在の利用者は月500万人(全デバイス合計)です、スマホかPCかという意味では、8割がスマホ(アプリ+WEB)です。 アプリのダウンロード数は公開していないのですが、3ケタ万(100万ダウンロード以上)にはなって
どうも、まさとらん(@0310lan)です。 みなさんは、「JavaScriptライブラリ」を活用しているでしょうか? Webサイト制作はもちろんのこと、さまざまなWebアプリやサービスなどを開発する時に、大幅な時間短縮やクオリティを飛躍的にアップすることが出来るようになります。 そこで今回は、国内外で人気が高くて誰でも簡単に扱える「JavaScriptライブラリ」を厳選してご紹介しようと思います! ■多機能な「写真ギャラリー」を組み込めるライブラリ! ◆1.Viewer.js 複数の画像を表示する際に、オシャレな「ギャラリー風」に変換してくれるライブラリです。 類似のライブラリはいくつか存在しますが、「Viewer.js」は使い方が非常にシンプルで扱いやすいのに、多機能性も備えているスグレモノとなっています。 基本的な使い方としては、HTMLファイルに表示させたい画像を「リスト要素」で指
以前から本家のブログ等でもアナウンスされていたnginxのモジュールの動的組み込みの仕組みが先日リリースされた1.9.11で入りました。昨年のnginx.confでも中の人によるDynamic Modules Developmentという発表がありましたが、ほぼこちらに沿う形で導入されています。 追加されたconfigureオプション 以下はnginx-1.9.10と1.9.11でのconfigure --helpの差分です。 --- 1.9.10 2016-02-10 09:47:05.000000000 +0900 +++ 1.9.11 2016-02-10 09:47:18.000000000 +0900 @@ -3,6 +3,7 @@ --prefix=PATH set installation prefix --sbin-path=PATH set nginx binary pa
(訳注:2016/3/2、頂いたフィードバックをもとに記事を修正いたしました。) 注 このブログ投稿は不満をぶちまけています。かなりのものです。自説は曲げません。長いです。そして、頭に血が上っています。かなり暴言です。 目次 アプリケーションの中身は? アプリケーションについての考え方が間違っている アプリケーションは 体験 のようなもの この問題の解決策 1. 設定より規約 2. アプリケーションを使いながらユーザを丁寧に導く 3. 失敗は起こる。その直し方を知りたい 4. ドキュメンテーションについて考えるのは、やめよう まとめ 参考文献 最近、ソフトウェア開発において復活しつつあるとても 興味深い 傾向があるようです。おそらくNode.jsの哲学に影響を受けているのでしょう。何かを使うためには、まず大量の「依存パッケージ」をインストールする必要があり、さらにそのコンフィギュレーション
前回に引き続き、Chart.jsのTipsです。 Chart.jsを使いグラフを表示してみる 今回はAngular.jsとChart.jsを組み合わせて、動的に値が変化するグラフを作ります。 Angular.jsの基本的な使い方は割愛します。 ちなみに今回使用するバージョンは下記のとおりです。 Angular JS v1.4.9 Chart.js v1.0.2 Angular.jsでフォームをバインドする まずはangular.min.jsを下記サイトよりダウンロードしてきましょう。 Angular JS CDNにも公開されていますが、セキュリティ面で外部ソースを引っ張るのはあまり良くないとのことですのでダウンロード版を使いましょう。 (今回のデモを作る程度でしたら、CDNでも問題ありません。) コントローラー&フォームバインドの簡単なコードが下記です。 <!DOCTYPE html> <
Webサイトにグラフを簡単に表示出来る、便利なJSライブラリーChart.jsを紹介!! 私がリリースしている下記のアプリ[ローン返済ナビゲーションcannavi]でも、残高の進捗を表現するのにChart.jsを使用しています。 [appbox appstore 1059372889 screenshots-only] ちなみに今回使用しているバージョンは以下の通りです。 Chart.js: v1.0.2
This is a simple benchmark for python async frameworks. Almost all of the frameworks are ASGI-compatible (aiohttp and tornado are exceptions on the moment). The objective of the benchmark is not testing deployment (like uvicorn vs hypercorn and etc) or database (ORM, drivers) but instead test the frameworks itself. The benchmark checks request parsing (body, headers, formdata, queries), routing, r
スマートフォンやタブレットを使って複数人で簡単かつ多機能なお絵かきチャットを行えるアプリが「kakooyo!」です。白紙の状態からチャットを終えるまでのメイキングをGIFアニメーションとしてTwitterに投稿したり、他の人が作成したイラストのメイキングを見たりできるとのことなので、実際に使い心地を確かめてみました。 kakooyo! - 無料アプリでお絵かき&トーク! https://www.kakooyo.jp/ 実際にkakooyo!でお絵かきチャットしている様子は以下のムービーから確認できます。 「kakooyo!」でお絵かき - YouTube アプリはApp StoreとGoogle Playで配布されています。今回はiOS端末を利用するので「入手」をタップし…… 「インストール」をタップ インストールが完了したらアプリを起動 「OK」をタップ 「イントロダクションスタート」を
テンプレートはデザイナーが制作したもので、飲食店、学習塾、美容室、エステサロン、セミナーやコンサートなどにおけるイベント告知などで使用できる。「PowerPoint」形式で提供され、ダウンロード後は、テンプレート上の文字や画像を追加するだけで本格的なチラシやフライヤーなどを制作できるという。 サービス開始時は、「飲食店」のメニュー表やオープンチラシ、「エステサロン」などのオープンチラシ、「学習塾」の生徒募集チラシ、セミナーの開催案内チラシなどのカテゴリで、約200点のテンプレートファイルを用意。サンプルで使用されている画像はダウンロードファイルには含まれないが、サンプルと同じ画像を使って制作したい場合はPIXTAで購入できる。
予てから、著名な開発者達の雇用やDouble Helixを含むスタジオの買収と共に、水面下でビデオゲーム関連のプロジェクトを進めていたお馴染みAmazonですが、本日Amazonが“CryEngine”ベースの新しいゲームエンジン「Lumberyard」を発表。PS4/Xbox One向けのAAAタイトル開発にも対応し、無料かつ高品質な統合開発環境として、本日よりベータ版と多数のサンプルアセットパッケージが利用可能となっています。 発表に併せて公開された“Lumberyard”のプロモーション映像 一部未発表タイトルらしきフッテージや、Gunfire Games(旧Vigil組)の開発者も出演している “Lumberyard”は、“CryEngine”のビジュアル技術をベースに、Amazonのクラウドサービス“AWS”や配信サービス“Twitch”のローレベル統合、Double Helix
Top 30 Books on Amazon Based on Links in Hacker News Comments 面白いことを調べる人がいるものだ。テック系ニュースサイトとしておなじみ Hacker News におけるコメント欄で紹介される数の多い本を30冊選んでいる。 調べてみたら、だいたい邦訳が出ていた。やはりプログラマのニーズに違いはないということだろうか。邦訳のあるものを紹介数が上のものから並べておく。 アントレプレナーの教科書[新装版] アルゴリズムイントロダクション 第3版 第1巻: 基礎・ソート・データ構造・数学 (世界標準MIT教科書)、アルゴリズムイントロダクション 第3版 第2巻: 高度な設計と解析手法・高度なデータ構造・グラフアルゴリズム (世界標準MIT教科書) 影響力の正体 説得のカラクリを心理学があばく ピープルウエア 第3版 CODE コードから見た
「作業25分→休憩5分」という短時間の集中作業と休憩をワンセットにして繰り返し行うことで生産性を高めるテクニックが「ポモドーロ・テクニック」です。そんなポモドーロ・テクニックを駆使したタスク管理サービス「lanes」は、ブラウザ上で作業25分・休憩5分の間隔で細かく通知することでユーザーのタスク管理をサポートしてくれます。 lanes | accomplish, beautifully https://lanes.io/ 「lanes」を使用するには上記URLにアクセスして時計の下に表示されている文字リンクをクリック。 まずは専用アカウントを作成するために「Create Account」をクリック。 するとアカウント作成画面になるので上から氏名・メールアドレス・パスワードを入力して「Create Account」をクリック。 「Your Account Has Been Created」と
今話題の女子高生社長の椎木里佳さんが女の子向け究極の暇つぶしのiOSアプリ「ミルピク(milkpic)』をリリースされたらしいのですが、これにパクり疑惑。 というわけで、本当にパクリなのかどうか、ちょっと検証してみました。 「ミルピク(milkpic)』のcssが、はてな社のアプリ「Presso」のcssをパクっている? 疑惑の発端となったツイート twitterで、oqunoさんという方が、こんな発見をされていました。 女子高生社長を売りにしてる株式会社AMFが満を持してリリースしたアプリのサイト https://t.co/70B9KGnMwl がはてなのPressoのサイト https://t.co/w8bnIxpJUb からCSSとかパクってると俺の中で話題に — oquno (@oquno) 2016, 2月 9 cssとは? cssとはスタイルシートのことで、webページのデザイ
あの、高知のトマトブロガーでご高名なイケダハヤト尊師が、な、な、な、なんと「ブログを辞めて主な活動場所をnoteにします!」と発表された。これからはプロブロガーじゃなくて、プロノーターだね、ハヤトちゃん★ ・更新を楽しみにしてくださっているみなさまへ、大切なお知らせ。(リンク先は魚拓) イケダハヤトからのお知らせです。 当面、「有料マガジン」に注力します。 何度かアナウンスしておりますが、これからはコンテンツを「有料化」していきます。 6年近く「無料」で記事を公開してきたのですが、有料にしたほうが、面白いコンテンツが作れるんですよ。 そう、有料のほうが「コンテンツが面白い」んです。これ超大事なポイントでございます。お金のために課金するというかは、コンテンツをブラッシュアップするために課金するイメージです。 そんなわけで、最近はnoteのほうに記事を突っ込んでいます。ブログも毎日更新する予定
概要 Googleカレンダー風なものを目指す。 伝統的なJavaScriptで力技で作る(ライブラリの使い方がよく分かっていないので)。 Googleカレンダーの特徴 日曜日から始まる。 前後の余白は前月、翌月の日付で埋める。 基本的に5行で足りるが、前月末の余白数と当月の日数の合計が35(5行*7列)を超える場合は6行必要になる。 機能 前月、翌月へ切り替えられるようにする。 任意の日付をクリックするとその日付をアラートさせる。 コードのポイント 日付操作の勉強になる 配列の要素数が予め分かっている forの逆回しが登場する 強引なforの回し方が体感できる 以下、具体的なコードです。 <html> <head> <title>カレンダー</title> <meta charset="utf-8"> <script type="text/javascript"> // ページを開いたとき
In [13]: I1 = io.imread('Lenna.bmp') In [14]: I2 = io.imread('Mandrill.bmp') In [15]: I3 = io.imread('Parrots.bmp') In [16]: io.imsave('output.tiff', [I1, I2, I3]) In [17]: I4 = io.imread('output.tif') In [18]: I4.shape Out[18]: (3, 256, 256, 3) In [19]: io.imshow(I4[0]) In [20]: io.imshow(I4[1]) In [21]: io.imshow(I4[2])
FromScratchは自動保存出来るデスクトップ用のメモアプリです。OSSとしてソースコードが公開されています。よくある付箋やノートアプリの超シンプルなタイプ。機能はただテキストを書くだけ、ショートカットが4つほど用意されているだけでオプション機能は一切ありません。 書いたものはそのまま勝手に保存されるので保存ボタンのようなものは勿論、ボタンという類のものがありません。前に保存したものに戻るだとか複数のメモを書けるとかフォントを変えるとかスタイル変更とか、一切無し。ただ、書いたテキストが自動で保存されるというだけのものです。ctl+↑で行を上の行と入れ替え、↓で下の行と入れ替え、ctl+dで行を削除します。ctl+sで保存しようとすると「already saved(すでにやってるよ;))」とドヤ顔されます。 余計な機能もなく動作も軽量なので個人的に欲しかったアプリで今日から使っています。
Validator, for Bootstrap 3 Bootstrapなフォームでのリアルタイムバリデーションを行う「Validator for Bootstrap 3」 入力の段階でエラーがある際にフィールドのborderをハイライトしてくれたり、エラーメッセージを出したりすることが出来ます バリデートのルールがHTMLにそのまま書けてお手軽な点もよさげ 関連エントリ BootstrapでのPaginationのUIをレスポンシブ化する「rpage」 Bootstrapでたて型のタブを実装できる「Bootstrap Vertical Tabs」 Bootstrapのパラメータ入力スライダー実装「bootstrap-slider」 Bootstrapのテーブルをソート可能にする「Bootstrap Sortable Tables」
実家で「ちびファイ2」を使わずに、有線LANから無線LAN環境を構築することができました。 「ちび」でも良かったのですが、毎回設定するのが面倒だったし、速度もイマイチだったので、本格的な作業をすることに。 利用したのは、BUFFALOの無線LAN親機(Wi-Fiルーター) 。 これを使って、快適にインターネット環境を手に入れました。 やはり無線は便利では、早速作業を進めていきましょう。必要なのは、本体と電源ケーブル(黒)とLANケーブル(白)。 作業も簡単です。説明書を見ながら進めれば、10分もかからずに無線でネットにつなげるようになります。 作業は3工程のみ。「モデムの電源を切る」「ケーブルつながく」「モデム再起動」。これだけ。 こうやって、光が点滅したら、作業は成功しています。ちなみに、家にあったモデムと親機をつなぐとこんな感じに。 裏はこんな感じ。 では、スマホやタブレット、PCでネ
Comment by 9gag J.K.ローリングが世界にある四校の魔法魔術学校について情報を出した。 日本、Mahoutokoro 「全11校ある魔法魔術学校の中で日本の魔法魔術学校は最も生徒数が少ない。学校は羊脂色の翡翠で作られており火山島に位置している。Mahoutokoroの生徒はクィディッチで非常に有名」 アフリカ、Uagadou 「Uagadouはアフリカに存在し世界の魔法魔術学校の中では最も規模が大きい。『月の山脈』にあるということだけが知られておりこの学校の生徒は杖なしで呪文を行使する」 ブラジル、Castelobruxo 「熱帯雨林の奥地に存在して居て寺院のような見た目をしている。この学校にはヨーロッパの学生が南米の動植物を勉強するための交換留学制度があることで有名」 アメリカ、Ilvermorny 「この学校はそのうち上映予定の『ファンタスティック・ビーストと魔法使いの
デルは2016年2月9日、個人向けパソコン「Inspiron」シリーズから、薄型コンパクトサイズの11型モバイルノート「New Inspiron 11 3000」シリーズと、超小型デスクトップ「New Inspironマイクロデスクトップ」を同日発売したと発表した。 New Inspiron 11 3000シリーズは、解像度HD(1366×768ドット)の非光沢液晶パネルを搭載。IEEE802.11ac対応無線LANやUSB 3.0、フルサイズHDMIなどを備える。最長10時間15分(SSD搭載時)動作する長時間バッテリーを搭載する。本体色は「ホワイト」「レッド」の2種類。本体寸法は幅292×奥行き196×高さ19.9mm、重さは約1.2kg。 「エントリー」モデルは、Celeron N3050プロセッサーと2GBメモリー、32GB eMMCを搭載。直販価格(税別、送料込み)は3万4980
Foundation5の使い方の説明。今注目のCSSフレームワークFoundationを今さら始めたwebデザイナーの備忘録。Bootstrapとの違いを交えながら説明をしています。Foundation5の使い方 今さらFoundationを使い始めた 残念なwebデザイナーによる使い方の説明サイト。 初心者なので優しい目で見守ってください。 まずはFoundationについてを見る Bootstrapについで人気があるCSSフレームワークのFoundation5の使い方の説明サイト。 先に作成した姉妹サイトのBootstrap3の使い方と比較する形で紹介しています。 ※Foundationのバージョンは作成時の最新版5.5.1版での説明になります。 ※姉妹サイトのBootstrap3の使い方に合わせてカテゴリ分けしているので公式サイトとは違うカテゴリ分けをしています。 Foun
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く