いわゆるレスポンシブ・ウェブデザイン、つまりメディアクエリーを採用した Web サイトを構築する際の一番管理しやすいと感じるコードの書き方をまとめました。ただし、あくまでも個人的な、経験から感じた意見ですので絶対ではありません。 CSS のコードの配置広く知られている方法はいくつかあります。 CSS ファイル自体を分ける方法 @media 規則で 1ファイル内にメディア特性単位に書く方法 @media 規則で 1ファイル内にパーツ単位で書く方法 それぞれをコードで表すなら以下の書き方が該当します。 方法1 : CSS ファイル自体を分ける方法この方法は管理が大変でおすすめできません。これでファイルごとコード分割されてしまったらコード検索しづらいわけです。 <link rel="stylesheet" href="desktop.css" media="(min-width:769px)">
これまでに50個近いプロジェクトに出資してきた経験から、スムーズな出資方法＆出資してからあとはどのようにすればいいのか、さらに出資する際にはどのような点を見て判断すべきなのか、逆にKickstarterで出資を募る場合にはどういった点に気をつけるべきなのかというようなことをまとめてみました。 Kickstarter http://www.kickstarter.com/ ◆Kickstarterへ初めて出資する前にまずはアカウント作成 トップページ右上にある「Sign up」をクリック 真ん中にある「New to Kickstarter?」と書いてあるエリアに順番に入力していきます。 FULL NAME：アルファベットで自分の名・姓を入力 EMAIL：メールアドレスを入力 RE-ENTER EMAIL：先ほど入力したメールアドレスをもう一度入力して確認 PASSWORD：Kickstart
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
配色は、デザインにおける重要な要素のひとつです。この記事では、デザインプロジェクトの参考にしたい、最新の色の組み組み合わせ101種類をご紹介します。 配色は、どんなデザインでも見る人の認識を形成しながら、雰囲気やトーンを設定します。単色や明るい、涼しい、暖かい、または補色であれ、すべての色合いがデザインの役割を果たします。 デザインに適した色を見つける作業は難しいことです。そこで、配色の参考にしたい101種類の色の組み合わせをまとめています。各カラーパレットは、Shutterstockのイメージ画像にインスパイアされており、HEXコードも一緒に記載しているので、ウェブデザインやソーシャルメディア広告、Eメールデザインなど幅広く利用できます。 コンテンツ目次 1. 単色系カラーパレット 2. 寒色系カラーパレット 3. 鮮やかなカラーパレット 4. 暖色系カラーパレット 5. 補色系カラーパ
はじめに 「新はてなブックマーク」になったということで、とっても便利になったのですが、ブックマーク一覧ページ*1が若干 JavaScript に時間が掛かっているみたいです。 というわけで 調査してみたいと思います。調査して、改善できそうなところは後で纏めて「はてなアイデア」にでも登録しようと思います。 この日記は調査しながら、過程を書いていくつもりです。 準備 まずは、人のサイトの JavaScript を書き換えて試してみるための環境を作ります。 作業用ディレクトリを作る とりあえず、ホームに HatenaJS というディレクトリを作ります。 $ mkdir HatenaJS $ cd HatenaJS CocProxy をダウンロードしてくる 以下から CocProxy というツールをダウンロードしてきます。 http://coderepos.org/share/wiki/CocPr
08年6月4日追記： コレの新しいの作りました。 新規でサイトを作るのに使えそうなの一式。Ver 2 11月7日追記： contens.cssの56行と60行目の#contents部分でスペルミスしておました。 ごめんなさい... 現在は修正版になっております。 修正後のcontents.css --- SO905iがやば過ぎる件。JOGですよ！じょぐ！！！すげー待ってた。アナタを心から待っていた。 さて、一行駄文はお終い。本題です。 毎回新規サイトを作成する場合は、以前組んだのからコピって来て使うケースが多くて何かと面倒だと思っていたわけです。 んで、自分仕様のが欲しいと思ったので、仕事そっちのけで作ってみました。 以前からソレっぽいのは公開したり、なんやかんやだったんですが、11月2日Verって事で。 どうせ新規サイト作成の際にちょっとずつ見直しが入っていくので、すぐに古くなってしまう
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
Mate 30 Proの注目ポイントその1が新型ディスプレイ｢Horizon Display｣。エッジが湾曲していて、サイドのベゼルがありません！ そして、サイドを利用しての操作が可能な模様です。 サイズは6.53インチのOLEDです（Mate 30よりディスプレイは若干小さかったり）。 Image: Huaweiノッチがあり、中にはジェスチャーセンサー、3D深度カメラ、アンビエントライト＆近接センサー、セルフィーカメラを搭載。 ジェスチャー操作に対応。シャッターを切ったりできます。 おもしろかったのは、ユーザーの視線を感知して自動でディスプレイ表示方向を調整してくれる機能｢AI Auto-Rotate｣。スマホってけっこう上下逆に持っちゃったりしますからねー、これは便利だ。 Image: Huaweiバッテリー容量は4500mAh。スーパーヘビーユーザーが使って9.2時間もつとのこと。
学校や幼稚園でわが子を見ると、家での姿とまったく違っていて驚くことがあると思います。幼稚園の先生として、親からよく聞かれるのがしつけについての質問。そこでこの記事では、14年間の教員経験と4児を育てた経験を持つ母として、現場と家庭で学んだしつけテクニックを紹介しましょう。 「うちの子が、すすんで教室の掃除をしてる！ しかも、喜んでおもちゃをシェアしてるなんて！」 そんな光景を目にすると、保護者はたいていこう言います。 あの子、家ではいつも散らかしてばかりだし、弟にもおもちゃを貸してあげないんですよ！ 一体どうしたら、あんな風にしつけることができるんですか？ 私自身、4児の母なので、その気持ちはわかります。幸い私の場合、長年教育現場で培ったテクニックがありました。それをわが子にも適用したところ、教室と同じ効果を家庭でも得ることができたのです。 そこで、しつけに特に役立つ6つの秘訣を紹介したい
もうCSSハックは必要なし!? ブラウザ毎にCSSを切り替える「cssuseragent」 | Web活メモ帳
CSSでページをデザインする際に、ブラウザ毎のレイアウトの違いって本当に嫌ですよね。 CSSハックで対応する方も多いかと思いますが、本日紹介する「cssuseragent」を使うとclassの作り方を少し工夫するだけでより柔軟に対応できるようになります。 詳しくは以下 設定方法はJavaScriptを一つ読み込むだけになります。 <script src="cssua.min.js" type="text/javascript"></script> このライブラリを使うと、ページのhtml属性に動的にclass属性を追加するようになります。 例えばですが、IE6でアクセスした場合には ua-ie-6というclass名が追加されるようになります。 <html class="ua-ie-6"> <head>…</head> <body>…</body> </html> iPhoneの場合はua-
CSSや画像の命名規則について - kojika17
コーディングで時間のかかる要素の1つとして、id,class名や画像名などの命名規則が挙げられます。 特に中規模、大規模のサイトで、適当な名前を付けると名前が被る確率が上がり、 その結果、画像の上書きや不要なプロパティがかかってしまうなど、よくない結果になることも考えられます。 一つの例として、私の命名規則について紹介してます。参考程度に読んで頂けると幸いです。 カテゴリに分類して、つなげる。 ページのどの位置に属すか分類し、つなげる方法を取っています。 基本的に、CSSや画像名は同じにします。同名にすることで、名前を考える手間も省け、変更箇所の特定がしやすくなります。 例： CSS #top-side-nav 画像 top-side-nav-home.png top-side-nav-company.png 上記のように命名することで、 デザインを見なくても、どのような箇所に使われている
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
作成：2014/06/2 更新：2014/11/01 Web制作 > WebデザインギャラリーやWPテーマなどで「見栄えのする」サイトが使っている効果など。今回はCSSのみで実現できる、動きあるエフェクトをメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ マスク １．マスク・キャプション ２．円形キャプション ３．全画面+オーバーレイ ４．ストライプの背景 フルスクリーン系 ５．スライド＋フルスクリーン ６．全画面背景動画 ７．パララックス ８．フルスクリーンにフィット ９．背景画像をブラウザごとに最適化 １０．メガメニュー 画像可変 １１．画像で枠線を表現する １２．半透明＋フィルタ １３．文字以外を透明にしてレイヤーさせる 図形 １４．ループ＋ローディング １５．3Dボックス １６．矢印ナビ 画像切り抜き １７．六角形 １８．卵型＋星形
知ってそうで知らないGmailのステキ機能21
知ってそうで知らないGmailのステキ機能212019.04.08 18:0096,467 David Nield - Gizmodo US ［原文］ （ satomi ） みんな大好きGmail。でも全部使いこせてる人は少ないもの。登場15年でウェブ版もアプリ版もだいぶ進化してます。知らないと損する機能を21まとめてどうぞ。 1）予約送信15周年を記念して今月ついにタイマー送信が実現。まだ全員使えるわけじゃないけど、そのうち案内メールがきたら、 ｢送る｣を押すときドロップダウンから｢スケジュールして送る｣が選べるようになります。真夜中に書いて朝送りたいときとか、時差のあるとき使うと便利ですね。 2）あれもこれも右クリックで間に合う2月にはメールの右クリック（Macは Ctrl + クリック）で呼び出されるメニューがど～んとパワーアップ。従来の｢アーカイブに移動、既読／未読にする、削除する
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 --><!--株価検索 中⑤企画-->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
Nintendo Switchで「高評価かつ短時間でクリアできる」ゲームのリストがファンにより作成。コミュニティから注目を集める - AUTOMATON
ホーム ニュース Nintendo Switchで「高評価かつ短時間でクリアできる」ゲームのリストがファンにより作成。コミュニティから注目を集める コミュニティサイトRedditにて、「高評価かつ短時間でクリアできる」Nintendo Switchゲームのリストがユーザーにより作成された。投稿されたのは約1か月前だが、それから8000件以上のUpvote（好評）が投じられ、また600件以上のコメントがつくなど大きな反響を得ている。 Image Credit: yuxbni76 Redditユーザーのyuxbni76氏は3月2日、レビュー集積サイトMetacriticにて、世界中のメディアレビュー評価から算出されるメタスコアで75以上を獲得したNintendo Switchタイトルの中から、メインストーリーを4時間以内でクリアできるタイトルをリストアップした。 クリア時間については、HowL
2014年8月20日 CSS Webサイトを装飾していく時に無視できない要素、見出し・リスト・引用文。特にWordPressでオリジナルのテーマを作る時は、ブログ用にこれら基本の要素すべての装飾もすると思います。そんな時に使うコードのバリエーションをメモしていたので記事にしました。少し変えるだけで応用できると思うので、ぜひ使ってみてください！ ↑私が10年以上利用している会計ソフト！ 色、フォント、サイズなどを変えるだけで、どんなサイトでも使える見出し・リスト・引用文用のHTMLとCSSコードを紹介します。そのままコピペして使っちゃってください。少しはコーディングの手間が省ける…かもしれません。ちょいちょい使っている画像も保存して使ってもらってもOKです :) サンプル画面内の「HTML」「CSS」タブをクリックでコードが表示されます。IE6, 7, 8, FF, Chrome, Safa
今話題のこれ。 kubernetes.io これに関しての日本語情報として、 @inductor が相当詳細に記事を書いてくれている。 blog.inductor.me blog.inductor.me にも関わらず、未だに完全に間違った解釈をしている人が多く観測される。記事をちゃんと読めば理解できるはずなのだけど、たぶんタイトルしか読んでいない。 タイトルしか読まないのであれば、あえて強めのタイトルにしておけば目にはつくかなと思い、改めて書いてみることとした。 Dockerは非推奨じゃないし、これからもバンバン使え まず @inductorが解説しているとおり、k8sを使っていない人には全く関係のない話なので、今まで通りDockerを使って良い。 が、もう一つ誤解を解いておきたいのが 自分の環境でDockerを使ってイメージ作成し、Kubernetesにデプロイしている人にも、今回の件は
Raphaël―JavaScript Library
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
先日公開したアニメ絵の実写版を作る記事はおかげさまで好評でした！ アニメ絵生成の第二弾に行く前に、アニメ絵実写版生成でも威力を発揮する「雑コラ」をAIでリアルにする手法について今回は説明します。 実はAIアートグランプリの時も「雑コラ」と言われたりしていたのでしたw 渚の妖精ぎばさちゃん対キモノアゲハ／koizoom1／漫画@gibasachan 雑コラに見えるけど すごい技術 登場人物より多いモデル これはゆるキャラの未来きたな…#AIArtGp pic.twitter.com/5A4wMUJsND — Dr.(Shirai)Hakase #AI神絵師本 #技術書典14 (@o_ob) March 12, 2023 AIといえばラーメン(？)ですが、こんな画像も作れちゃいます！ラーメンの中にいる秘書さん！ ラーメンの中にいる秘書さん絵面としては結構インパクトがありますが、実は作るのは全然
CSS3 IE対策まとめ
CSS3を使うにあたっていつも問題になるのが Internet Explorer（IE）です。CSS3への対応が遅い上に、旧バージョンを使い続けているユーザーも結構いますので、CSS3を使うことに躊躇する人も多いのではないでしょうか？ ということでCSS3を使うにあたって知っておきたいIE対策を紹介します。 1. CSS3の対応状況を確認する まず、IEのバージョンごとでCSS3にどこまで対応しているか知っておく必要があります。個人的によく使っているのはこのサイトです。 CSS3 & HTML5 Browser Support CSS3で追加されたプロパティ、セレクタについてブラウザごとの対応状況が分かりやすく表示されています。 2. CSS3セレクタに対応する セレクタはSelectivizr.jsだけあれば簡単に対応できます。「CSSセレクタって何？」「CSS3セレクタってどういうもの
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 --><!--株価検索 中⑤企画-->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">
2008年09月11日 フリーでここまでできる！市販ソフト並に使える代替アプリ集。 Photoshop、Officeなどは買うと下手すれば１０万超えることがありますが、別にそこまで出さなくても、むしろ無料で手に入るアプリはやまほどあります。 ◆Photoshopの替わりにGIMP Photoshopに無い機能もあるので、代替えというよりむしろ重宝する。 ■GIMP - The GNU Image Manipulation Program ◆AdobeFLASHの替わりにOpenLaszlo Ajax/Flash対応のリッチインターネットアプリケーションの開発及び配布を行うためのオープンソースプラットフォーム。FLASHの生成ツールだけというわけではない。 ■OpenLaszlo | the premier platform for rich internet applications ※
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
ゲームエンジンはアートである - 8 年以上自作ゲームエンジンをメンテし続けている話｜Hajime Hoshi
自分は Ebiten という 2D ゲームエンジン (ゲームライブラリ) を趣味で開発しています。使用しているプログラミング言語は Go です。 2013 年 6 月に最初のコミットを行ったので、現在 8 周年の 9 年目です。 Ebiten は「くまのレストラン」などのモバイル及び Nintendo Switch 向けゲームで使われており、一定の実績があります。 ゲームエンジンの開発は一朝一夕では終わりません。Unity や RPG ツクールといった既製品がある中、ゲームエンジンをわざわざ自作することは酔狂かもしれません。ではなぜそのようなことをしたのでしょうか。端的に言うと「ミニマムな API で実用的な 2D ゲームが作れるかどうか」ということを証明したかったのです。自分の美的感覚の追求です。この目的に気づいたのは割と最近のことです。やっていくうちに「自分がやりたかったのはこういうこ
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
とにかくSFが見てぇ！ Netflixおすすめ作品5選
とにかくSFが見てぇ！ Netflixおすすめ作品5選2020.06.28 12:0045,133 Beth Elderkin - Gizmodo US ［原文］ （ 岩田リョウコ ） 新しいジャンルにハマってしまいましょう。 巣ごもり中でずっと見ていたドラマを見終えてしまったとか、見たかった映画は見尽くしちゃったとかありませんか？ ではではSF映画なんていかがでしょう？ Netflixにある外国SF映画を5つ、おすすめしますね。 オムニシエント（ブラジル）Image: Netflixオムニシエントは今年1月にリリースされたブラジルのSF。虫のように小さなドローンが全市民を監視している近未来のお話。ハイテク企業の実習生Ninaは自分の近親者が殺害されたと知ります。監視システムは起こることすべてを録画しているはずなのに、その殺害だけは撮影されていないのです。その謎を追うNinaは監視システム
2013年3月25日 Webデザイン 企業のイメージを明確にすることを「ブランディング」と呼びます。企業ロゴはそのブランディングが色濃く反映され、企業のイメージを左右する重要な部分です。今回は「ロゴとはなんぞや？」というところから、私のロゴを実例に、ロゴの制作手順を紹介しようと思います。 ↑私が10年以上利用している会計ソフト！ 先日「ロゴデザインする時の参考に！ロゴデザインギャラリーのオンパレードと注目記事色々！」という記事内で、なるほどな、と頷ける文章に出会いました。 WEBサイトは、エンドユーザーに伝わらないデザインだとわかればリニューアルするけど、ロゴデザインはエンドユーザーに伝わらないからと言って作り変えることは殆ど無い。それはつまり、ロゴはお客様の為に作るんじゃないと、ロゴは自分たちの意思や考えの象徴でもあるからそんなに簡単に変えるわけにはいかない、自分たち（ロゴに込められた物
機械学習システム開発や統計分析を仕事にしたい人にオススメの書籍初級5冊＆中級10冊＋テーマ別9冊（2019年1月版） - 渋谷駅前で働くデータサイエンティストのブログ
(Image by Pixabay) この記事は以前の書籍リスト記事のアップデートです。 機械学習エンジニアやデータサイエンティストとして（もしくはそうではない職名であったとしても）機械学習システム開発や統計分析を仕事にしたい人なら、最低限これだけは読んでおいて損はないだろうという書籍を初級向け5冊、中級向け10冊選定しています。ただし、以前とは若干異なり「仕事にする」イコール「プロフェッショナルを目指す」ということで、特に初級向けリストを若干レベルアップさせています。中には初学者でも結構読みこなすのが難しい本だけになっているかもしれませんが、中級向けリストに進む上でどうしてもこれだけは読破して欲しいという願望も込めました、ということで。 完全にお馴染みのネタなので特に説明することはないかと思いますが、言うまでもなく以下のリストは完全なる僕個人の独断と偏見で、最近出版されたり自分で読んだ本
Google I/O 2018で発表された10個のコト：AIがもう、凄すぎる #io182018.05.09 09:30170,890 編集部 西谷茂リチャード あれにもAI、これにもAI、すべてにAIマジックを。 Googleが毎年開いている開発者向けの発表会、Google I/O。2017年に初めて｢AIファースト｣の方針を打ち出した当時も、AIネタは結構お腹いっぱいでした。が、2018年は前年にも増してAIに続くAIの発表。しかもそのAIの進化っぷりと言ったら……もう凄すぎて……。だってキーノートの冒頭にジャブで打ってくる発表が｢AIにより目の検査だけであらゆる重病を検知できるようになりました｣ですよ？ なので御察しの通り、やはり今回の1番の目玉はGoogle アシスタントです。新機能がいくつか追加されていて、なかでもGoogle アシスタント自身が電話をかけちゃう機能は別次元。あと
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
Android と iPhone との比較は多くの点で議論されており、どちらがより良いかは、Android の画像の質は iPhone とくらべてずっと劣るという点を除けば、未だ結論が出ていません。Facebook、Twitter、Instagram 等どれを使っていても、写真をとって、フィルタをかけて、ソーシャルネットワーク上に公開すると、いつも Android から投稿される写真は画質が劣化しています。しかし何故でしょう？ 私達は昨年の間調査をし、そしてついに、Google が犯したほんのちょっとしたミスが原因であることを突き止めました。それは本当にちょっとしたミスでしたが、その影響はすべての画像を扱うアプリケーションに波及するほど大きく、現在に亘っても影響が続いています。 問題は、libjpegです。 libjpegといえば、数多くのオープンソースプロダクトでも使用されており、And
コーディングの必須ツールになりそう。ステキなCSSスタイルガイドを生成する｢styleDocco｣の導入とgrunt.jsでの自動化のメモ | Mnemoniqs Web Designer Blog
プロジェクトでコーディングする時に、複数の作業者がいる場合にスタイルガイドはとても重要です。 特にスマートフォン向けのサービスでは、モジュールの共通化や画像のスプライト化がもろにページ表示速度に影響するため、より精度が高く細かいアップデートに耐えうるCSSスタイルガイドが必要になります。これをExcelやPowerPointで管理していると、細かい変更の反映が大変だし、なにより見にくい。 そんな時、こちらの記事「CSSプリプロセッサでスタイルガイド」 inkdesignの中で、 スタイルガイドは”生きている”ドキュメントでなければいけない というシビレるキャッチで紹介されていた「styleDocco」というスタイルガイドジェネレータを発見。 これはなんだか良さそうだ！とプロジェクトに取り入れてみることにしたので、導入とか設定とかをメモ。 「styleDocco」ってなに？ 「style
というのを作ったので自己紹介します。 2月頃から、コンピュータでアニメ顔を検出&解析する方法をいろいろ試しつつ作っていて、その成果のひとつとして、無理やり出力したライブラリです。 はじめに はじめにざっとライブラリの紹介を書いて、あとのほうでは詳細な処理の話を僕の考えを超交えつつグダグだと書きたいと思います。 Imager::AnimeFaceでできること Imager::AnimeFaceは、画像に含まれるアニメキャラクター的な人物の顔の位置を検出し、さらに目や口など顔を構成する部品位置や大きさの推定、肌や髪の色の抽出を簡単に行うことができるライブラリです。 これらが可能になると、 画像から自動でいい感じのサムネイルを作成できる 動画から自動でいい感じのサムネイルを作成できる 自動的にぐぬぬ画像が作れる 自動的に全員の顔を○○にできる 顔ベースのローカル画像検索 など、最新鋭のソリューシ
esbooks.co.jp 当サイトは『esbooks.co.jp地域興し街興し事務局』で運営しております。お問い合わせは専用フォームからお願い致します。 お得とは、利益が得られること、有利であること、儲かることを指します。 以下は、お得情報一覧です。 お得情報一覧 【インタビュー】Hotmail(ホットメール)～アカウント・作成・取得・削除・方法・復元・追加・変更・サインイン方法・ログインできない場合・届かない原因・アカウント設定・迷惑メール設定・OutlookのHotmail・MSNのメール・hotmail.comとhotmail.co.jpの2種類のドメイン・違い・指定～ 【インタビュー】WAON(ワオン)～ポイントカード・発行の仕方・作り方・会員登録・ログイン方法・使い方・ポイントのカード登録方法・使えるお店・WAON(ワオン)ステーション・設置場所・店舗・どこ・ポイントの受け取り
「Nero」と言えばその能力に定評のあるCD/DVDライティングソフトで、通常版は定価が10080円(税込)となっていますが、その有料版と同じライティングエンジンを搭載しているにも関わらず、期間制限なしの無料版「Nero 9 Essentials」が登場しました。Windows Vista/XP及びそれらの64ビット版で動作します。もともと「Nero Essentials」シリーズはOEM版として各メーカーのPCやドライブなどに付属しているソフトで、この「Nero 9 Essentials」も2009年初旬発売予定だったのですが、こうやって無料でリリースされることになった、というわけです。 そのため、シンプルな機能でありながらも実際に使ってみるとかなり強力で、CDやDVDへのデータ書き込み・ディスクコピー・ディスクの消去・ディスクの解析が基本機能となっており、単純にCD・DVDを焼くだけな
DummyImage.com
by Russell Heimlich (@kingkool68) 600x400/000/fffSize / Background Color / Foreground Color . Format & Text DocumentationSizewidth x height Height is optional, if no height is specified the image will be a square. Example: https://dummyimage.com/300Must be the first option in the urlYou can specify one dimension and a ratio and dummyimage will calculate the right value. Example: https://dummyimage
Web開発環境をMacBook ProからWindows機に移行してみた話｜TechRacho by BPS株式会社
メイン著者記事としてはご無沙汰しておりますmorimorihogeです。 今年もTechRachoではアドベントカレンダー特集ということで、普段あまり記事を書く機会がなくて表に出ないメンバーにも記事を書いてもらえる運びとなりました。クリスマスまではアドベントカレンダー特集進行のTechRachoをお楽しみ下さい。 今回は最近メイン開発環境をMacからWindowsに移行したので、そのあたりの感想や設定の勘所などをまとめてみたいと思います。 なぜMacから移行するのか？ 僕はOS XのIntel Macが出たころからのMacユーザー（当時はまだRosettaとかがありました）で、かれこれ10年以上Macを使い続けてきました。多分Webシステム開発用途でMacを使い始めたという人の中では古参の方なのではないでしょうか。 というわけで、なんで移行するの？という話からぽえみーに綴ってみようと思いま
エンジニアお茶会 2020/08/19 pastak.icon @pastak この発表のゴール 現代のウェブブラウザの目指している方向性について紹介する モダンブラウザで使える最新の面白便利APIを紹介する ちゃんと仕様に入りそうなもの(Googleの力技で…も含む) （前半の各ベンダの話はpastak.icon個人の見解を含みます） 次ではない フロントエンドなんでも相談室 前提知識のコーナー "WebAPI"とは何を指すのか、標準化について ECMAScript Ecma InternationalにてECMA-262という規格番号 ほぼLiving Standardという雰囲気もあるけど、年に1回タグが付く ES2020: ECMAScript® 2020 Language Specification 最新の様子: https://tc39.es/ecma262/ Array、Nu
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レスポンシブ・ウェブデザインでの CSS コードの書き方 | Yomotsu net
「Kickstarter」へ出資してゲットする方法＆出資しまくった経験からわかった注意点まとめ
表現の不自由展に脅迫ファクス送った疑い、会社員を逮捕：朝日新聞デジタル
【保存版】デザインを学ぶすべての人に贈る、配色アイデア見本101選
はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記
新規でサイトを作るのに使えそうなの一式。（あの人のパクりじゃないんだからっ！）｜CSS HappyLife
IT人材会社、技術者経歴を偽装か 「全部ウソ」証言も：朝日新聞デジタル
【速報】ファーウェイ、新スマホ｢Mate 30 Pro｣を発表。性能がぶっ壊れ気味です
経験豊富な幼稚園教師（4児の母）に学ぶ、しつけの極意6選 | ライフハッカー・ジャパン
若者が感染拡大のもと？「根拠はないが、説明つかない」：朝日新聞デジタル
プロっぽくなった！こっそり使いたい「動きのある」CSSテクニック
職場で立ったまま一休み 「仮眠ボックス」北海道旭川の企業商品化へ：朝日新聞デジタル
二階氏、GoTo必要強調「恐れとったら何もできない」：朝日新聞デジタル
Webサイトの基本要素 見出し・リスト・引用文のスタイルを整える
Dockerは非推奨じゃないし今すぐ騒ぐのをやめろ - Cloud Penguins
雑コラをAIでリアルにする！｜Katsushiro Koizumi
「女性には女性の、男性には男性のよさが」 NTT社長が入社式で：朝日新聞デジタル
| ＾＾ |秒刊SUNDAY | フリーでここまでできる！市販ソフト並に使える代替アプリ集。
二階氏「ダーウィンも喜んでいる」 進化論の誤用問われ：朝日新聞デジタル
「空間除菌」スポ庁購入 コロナ対策、厚労省は推奨せず：朝日新聞デジタル
Basic Logo Design Process
Google I/O 2018で発表された10個のコト：AIがもう、凄すぎる #io18
多子世帯の大学授業料 無償化へ 2025年度から 政府方針：朝日新聞デジタル
なぜ iPhone の画像は Android の画像よりもずっと高品質なのか - Qiita
Perlでアニメ顔を検出＆解析するImager::AnimeFace - デー
muryo-otoku-jyoho esbooks.co.jp
無料なのにCD/DVDイメージファイル作成と書き込みも可能なライティングソフト「Nero 9 Essentials」
面白Web API 100連発 - pastak-pub