タグ

2019年9月14日のブックマーク (22件)

  • 新型iPhone 11が「装甲騎兵ボトムズ」と激似。サンライズに感想を聞いたら最高の答えが | bizSPA!フレッシュ

    iPhone11 Proの大きな特徴が“トリプルカメラ”だ。超広角カメラ・広角カメラ・望遠カメラと3種類のレンズを実装しており、撮影できるシーンは従来に比べて4倍近くに拡大する。 そして、その独特なレンズ配置とカラーバリエーションのひとつであるミッドナイトグリーンが今、1983~1984年に放送されたロボットアニメ『装甲騎兵ボトムズ』のキャラクター「スコープドック」に似ているとSNSで話題になっている。 Twitter上では「完全に一致している」「ボトムズはiPhoneのトリプルカメラを先取りしていた」「レンズが回転すれば完璧」などといった声が相次いでいるが、これらの反響を関係者はどのように受け止めているのだろうか。そこでbizSPA!取材班は、『装甲騎兵ボトムズ』を制作した株式会社サンライズに話を聞いてみた。答えてくれたのは同社IP事業部の渋谷誠さんだ。 ティム・クックも心酔? 令和に

    新型iPhone 11が「装甲騎兵ボトムズ」と激似。サンライズに感想を聞いたら最高の答えが | bizSPA!フレッシュ
    yatta47
    yatta47 2019/09/14
    これ、気がつかなかったんだよなぁ。
  • Webはここまで進化中!コピペもできるHTML/CSS参考スニペット84個まとめ

    この記事では、Webサイトやモバイルアプリにあっと驚くエフェクトを、コピー&ペーストで実装できる最新 HTML/CSS スニペットをまとめてご紹介します。 スニペット(英: Snippet)とは、一般的に「切れ端、断片」といった意味で、ウェブサイトなどのプログラミングで簡単に切り貼り、再利用できる部品を指します。 これらのスニペットを利用すれば、他のサイトではあまり見かけない差のつくデザインエフェクトを実現できます。今後のウェブ制作に活用してみてはいかがでしょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. イメージスライダー系 2. テキストエフェクト系 3. テキストエフェクト系スニペット 4. ページレイアウト系 5. ナビゲーションメニュー系 6. ローディングアニメーション系 7. SVGアニメーション系 8. 便利、面白系スニペ

    Webはここまで進化中!コピペもできるHTML/CSS参考スニペット84個まとめ
    yatta47
    yatta47 2019/09/14
    Pickしました
  • 3行で静的WebサイトのHTMLフォームを動かす「Formstatic」

    ◆ Formstatic https://formstatic.dev/ 紹介 「Formstatic」は、静的WebサイトのHTMLフォームを提供するシンプルなプログラムです。 例えば、人気の高い「HTML5 UP!」など静的なWebページテンプレートは このようなフォームが提供されていますが、わざわざサーバーサイドを実装するのは面倒です。 そんなときにFormstaticが提供する「form」と「hidden」をコードに埋め込むだけで、動かすことができます。なお、メールアドレスは適宜書き換えてください。 当然、ユーザーインターフェイスに影響はなく ポストすると完了画面も表示されます。 入力された情報は、コードに埋め込んだメールアドレス宛に送信されます。 こちらオープンソースとして公開されているため、プライバシーデータを取り扱う方は、独自バージョンをホストすることもできます。 https

    3行で静的WebサイトのHTMLフォームを動かす「Formstatic」
    yatta47
    yatta47 2019/09/14
    試してみる。
  • JR「計画運休」の大失敗。台風直撃で露呈した低スキル首都・東京 - まぐまぐニュース!

    週明けの首都圏を大混乱に陥れた、台風15号に対するJR東日の「計画運休」。様々な悪条件が重なったとはいえ、なぜここまでの「大失敗」となってしまったのでしょうか。米国在住の作家で鉄道事情に詳しい冷泉彰彦さんが、自身のメルマガ『冷泉彰彦のプリンストン通信』でその原因を分析するとともに、どうすればこのような事態を回避できたのかについて考察しています。 台風15号における計画運休失敗、その原因は? 結論から申し上げますと、今回9月8日に関東地方に上陸した台風15号に関して行われた、JR東日の「計画運休」は失敗でした。これだけ多数の駅で入場制限に追い込まれ、その場合に駅の外で長蛇の列が半日近く発生し、台風一過のフェーン現象による猛暑の中、過酷な状況に乗客を放置したというのは失敗以外の何物でもありません。 この問題に関しては、休業や自宅勤務を決断できなかった各事業所、事前に休校を決定できなかった学

    JR「計画運休」の大失敗。台風直撃で露呈した低スキル首都・東京 - まぐまぐニュース!
    yatta47
    yatta47 2019/09/14
  • Cloudinaryを使って画像の変換をやってみる - Qiita

    Cloudinaryというクラウドベースの画像管理のサービスを使って、画像変換などやってみます。 はじめに Cloudinaryは、画像を管理するクラウドサービスで、画像の保存、変換、配信がとても簡単できます。Akamaiと連携しているようでワールドワイドで画像配信ができます。 いくつかプランがありますが、無料のアカウントで30万ファイル、10ギガのストレージ、月間2万回まで画像の変換ができます。 記事作成後にプランの考え方が変わっているので、こちらを参照してください。 https://qiita.com/kanaxx/items/b3366025e6715562d8f9 Cloudinaryの画像変換は、この動画をみるのが一番早いです。 https://cloudinary-res.cloudinary.com/video/upload/ac_none,c_scale,h_388,q_4

    Cloudinaryを使って画像の変換をやってみる - Qiita
    yatta47
    yatta47 2019/09/14
  • WebRTCで良く使うツールとか - Qiita

    Chromeでサポートしているツールの一覧は以下に載っています. 最新のChrome v39では使えないものもありますが,大体どんなツールか知るには役立ちます. Google Chromeの詳細情報を見る方法 HTTPヘッダー、通信状態など開発者向け情報 自分の環境で使えるツールはChromeで以下のコマンドを打つと出てきます. chrome://webrtc-internals/ Peerセッションのイベントや,シグナリングの経過,送受信中の統計データが確認できる. 対向のPeerとやりとりしている映像サイズ,FPSとかビットレートも見れる. スマートフォンはこの画面を見ていると,対向から送られてくる受信側のデータしか見れない. (恐らく,スマートフォン版Chromeはフォアグラウンドの画面しか処理しないため) SDPのOffer, Answerもセッションごとに見られるので便利です.

    WebRTCで良く使うツールとか - Qiita
    yatta47
    yatta47 2019/09/14
  • Gitlab Continuous (CI/CD) with an Azure Web App – Mr. Brooks' Blog

    yatta47
    yatta47 2019/09/14
  • Deploy code with a ZIP or WAR file - Azure App Service | Microsoft Docs

    Note 2024 年 6 月 1 日より、新しく作成されたすべての App Service アプリには、名前付け規則 <app-name>-<random-hash>.<region>.azurewebsites.net を使用して一意の既定のホスト名を生成するオプションがあります。 既存のアプリ名は変更されません。 例: myapp-ds27dh7271aah175.westus-01.azurewebsites.net 詳細については、App Service リソースの一意の既定のホスト名に関するページを参照してください。 この記事では、コードを ZIP、WAR、JAR、EAR のいずれかのパッケージとして Azure App Service にデプロイする方法について説明します。 また、アプリケーション パッケージとは別に、個々のファイルを App Service にデプロイする方

    Deploy code with a ZIP or WAR file - Azure App Service | Microsoft Docs
    yatta47
    yatta47 2019/09/14
  • Azure CLI を Linux にインストールする

    この記事では、Azure CLI を Linux にインストールする方法について説明します。 ページの上部にあるオプションから、ディストリビューションに適したパッケージ マネージャーを選択します。 Linux ディストリビューションのパッケージ マネージャーを使用することをお勧めしますが、[スクリプトのインストール] オプションを選択して、Linux に Azure CLI を手動 でインストールすることもできます。 Azure CLI の現在のバージョンは 2.63.0 です。 最新リリースについては、リリース ノートをご覧ください。 インストール済みのバージョンを見つけ、更新する必要があるかどうかを確認するには、az version を実行します。 開始する前に Azure CLI 2.38.2 (2024 年 6 月 21 日リリース) は、RHEL 7 および Centos 7 で

    Azure CLI を Linux にインストールする
    yatta47
    yatta47 2019/09/14
    docker用に覚えておく。
  • 貼って使う Azure CLI スニペット(App Service編) - Qiita

    概要 Azure リソースのメンテナンス等で使えそうなコマンドのスニペット(PowerShell ベース)をまとめました PowerShell コンソールに貼って使えます 今回は App Service(Web Apps) に関するスニペットをまとめます 前提 Azure CLI がインストールされている前提です 実行するには、事前に az login コマンドで 認証する必要があります(参考:Azure CLI の概要 - サインイン) 環境情報: Azure CLI(v.2.0.57) PowerShell(v.5.1.17134.407) 安全に試せるよう 情報取得系 中心にまとめます(一部注意事項あります) 一部のスニペットは実行時にパラメータが必要となります App Service の一覧を取得したい

    貼って使う Azure CLI スニペット(App Service編) - Qiita
    yatta47
    yatta47 2019/09/14
  • azure-cli-appservice

    yatta47
    yatta47 2019/09/14
  • azure-cli-samples/app-service/deploy-ftp/deploy-ftp.sh at master · Azure-Samples/azure-cli-samples

    yatta47
    yatta47 2019/09/14
  • 貼って使う Azure CLI スニペット(App Service Plan編) - Qiita

    概要 Azure リソースのメンテナンス等で使えそうなコマンドのスニペット(PowerShell ベース)をまとめました PowerShell コンソールに貼って使えます 今回は App Service Plan に関するスニペットをまとめます(≠ App Service) 前提 Azure CLI がインストールされている前提です 実行するには、事前に az login コマンドで 認証する必要があります(参考:Azure CLI の概要 - サインイン) 環境情報: Azure CLI(v.2.0.57) PowerShell(v.5.1.17134.407) 安全に試せるよう 情報取得系 中心にまとめます(一部注意事項あります) 一部のスニペットは実行時にパラメータが必要となります App Service Plan の一覧を取得したい

    貼って使う Azure CLI スニペット(App Service Plan編) - Qiita
    yatta47
    yatta47 2019/09/14
  • Azure WebAppsでMac/LinuxからJavaを無停止デプロイ - Qiita

    Microsoft Azure Advent Calendar 2015 7日目の記事です。 遅刻しました。申し訳ありません... UNIX環境(Win以外)からwarアプリを無停止デプロイするまでのポイントをおさらいします。 下記の構成で無停止デプロイを実現するにあたり、Standard以上のApp Serviceプランが必要です。 アップロード Azure WebAppsにはgithub連携でWebHookを受け取って自動的にデプロイする機構がありますが、コンパイル言語の場合、ビルド済バイナリがリポジトリに含まれていない限りはWebApps側でコンパイルを担保する必要があります。 カスタム・デプロイ・ロジックを使ってmavenなどを持ってきてビルドを挟ませることも可能ですが、cmd/PowerShellだったのと今回は既に外部でWebHook→ビルドするJenkinsジョブがあったので

    Azure WebAppsでMac/LinuxからJavaを無停止デプロイ - Qiita
    yatta47
    yatta47 2019/09/14
  • iOSDC Japan 2019公式アプリで採用しているAPI通信周りの実装 - Qiita

    こんにちは。iOSエンジニアの@h1d3mun3です。 皆さん、今年9月5日から9月7日まで、早稲田大学で開催された「iOSDC Japan 2019」にはご来場いただけましたでしょうか。 エンジニアが主役のお祭りとして、毎年多くの方にご来場いただいております。 iOSDC Japan で公式アプリを出させて頂く機会に恵まれました。 DC Japan 無事リリースすることもでき、Opt-In Onlyながら、会期期間中のクラッシュが0件を達成することができ、大変良かったと思っております。 アプリで一番難儀する場所といえば多分API通信周りなのではないでしょうか。 ここでは、iOSDC Japan 2019公式アプリで採用したAPI通信周りの知見を共有することにより、将来API通信周りの実装で悩む人の一助となることを期待しています。 1. はじめに - iOSDC Japan公式アプリのアー

    iOSDC Japan 2019公式アプリで採用しているAPI通信周りの実装 - Qiita
    yatta47
    yatta47 2019/09/14
    Pickしました
  • Laravel 6 ディレクトリ・ファイル構造 - Qiita

    artisan readme.md server.php composer.json composer.lock phpunit.xml package.json .editorconfig .env .env.example .gitattributes .gitignore .styleci.yml webpack.mix.js イントロダクション Laravelのデフォルトアプリケーション構造はアプリケーションの大小にかかわらず、素晴らしいスタートを切ってもらえることを意図しています。アプリケーションは皆さんのお好みに応じ、自由に体系立ててください。クラスがComposerによりオートローディングできるならば、Laravelはクラスをどこに配置するか強制することはまずありません。 modelsディレクトリはどこにある? Laravelを学習し始めるとき、多くの開発者は models

    Laravel 6 ディレクトリ・ファイル構造 - Qiita
    yatta47
    yatta47 2019/09/14
    なにこれ…めちゃわかりやすい。
  • node.jsではてなブログ風アイキャッチ画像を動的に生成する - Qiita

    はてなブログで画像の設定されていないブログ記事をシェアした際に、ブログタイトルと文から画像を生成してアイキャッチに設定してくれる機能がリリースされ話題になりました。 昨今ブログ記事に限らず種々のサービスにおいて、コンテンツをSNSシェアした際にいかに目立たせるかという部分であるアイキャッチのOGP画像設定の重要性は言わずもがなかと思います。 自分自身も運営しているサービスで動的にOGPを作成するいわゆる「OGP芸」をよくやっているのですが、今後ますます必要性が高まると考え、OGP芸用のたたき台にする処理テンプレートを作成しました。 成果物サンプル ソースコード const fs = require("fs"); const { createCanvas } = require('canvas') const base64 = require('urlsafe-base64'); // c

    node.jsではてなブログ風アイキャッチ画像を動的に生成する - Qiita
    yatta47
    yatta47 2019/09/14
    ほほう。
  • 画像の最適化  |  Web  |  Google Developers

    画像の最適化  |  Web  |  Google Developers
    yatta47
    yatta47 2019/09/14
  • GitHub - lovell/sharp: High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP, AVIF and TIFF images. Uses the libvips library.

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - lovell/sharp: High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP, AVIF and TIFF images. Uses the libvips library.
    yatta47
    yatta47 2019/09/14
  • thumborize.me - Check how you would benefit from using thumbor

    Thumbor supports . Automagically. WebP is a new format for lossy and lossless images that compresses a lot better than jpeg and png. Thumbor allows users to specify that browsers that support WebP automatically get it. This can have a dramatic increase in the performance of your website. Besides WebP, Thumbor also uses some tactics to reduce the file size even further. Use the input above to find

    yatta47
    yatta47 2019/09/14
  • GitLab CI/CD examples | GitLab

    Tier: Free, Premium, Ultimate Offering: GitLab.com, Self-managed, GitLab Dedicated This page contains links to a variety of examples that can help you understand how to implement GitLab CI/CD for your specific use case. Examples are available in several forms. As a collection of: .gitlab-ci.yml template files maintained in GitLab, for many common frameworks and programming languages. Repositories

    yatta47
    yatta47 2019/09/14
  • GitLab CI/CD examples | GitLab

    Tier: Free, Premium, Ultimate Offering: GitLab.com, Self-managed, GitLab Dedicated This page contains links to a variety of examples that can help you understand how to implement GitLab CI/CD for your specific use case. Examples are available in several forms. As a collection of: .gitlab-ci.yml template files maintained in GitLab, for many common frameworks and programming languages. Repositories

    yatta47
    yatta47 2019/09/14