
序節:はじめに 近年、日本型の開発プロセスとして メテオフォール型開発 - 実践ゲーム製作メモ帳2 が注目を集めている。 eiki.hatenablog.jp 上記のメテオフォール開発では、適用対象は開発チームである。 (本稿ではこれをオリジナルMF開発とよぶ) 一方最新の研究では、これをより大きな企業レベルで適用する事により、更なる災厄効果をもたらす事が明らかになってきた。 本稿では、企業レベルでメテオフォール開発を適用する為の手法「スケールドメテオフォール開発」について、概要を説明する。 (オリジナルの方に迷惑かかるとアレなので補足:オリジナルMFを書いた方とは全然関係ない人のポストです) 第一節:スケールドメテオフォール開発 オリジナルMF開発では、単一の開発チームを想定している。 そしてこうなる。 一方、スケールドメテオフォール開発では、複数の開発チームを含む、企業全体が対象となる
はじめに アイキャッチ画像は、初めて精密な日本地図を作ったとされる伊能忠敬と日本地図です。いくつになっても信念を持って何かをひたむきに行う人に、私もなりたいものです。 さて、Webサービスを提供する際、地図を表示したいということは多々あるかと思います。地図で、様々な地点を一覧表示したり、ルートを表示できたりすると、ユーザ体験が向上するというのは少なくないかと思います。 こういった地図サービスをWebサービスに埋め込んで提供したい場合に、まず考えられるのがGoogle Maps Platformかと思います。 ちょっと最近大きく変更があったようですが、依然として一定の品質の地図、徒歩/公共交通機関/車でのルート探索、ストリートビュー等々、国内で提供されている最大級の地図サービスであることは異論ないかと思います。 単にユーザとしてGoogleMapをアプリなどで使用する場合、すべて無料なので特
2021年9月17日 「LOOHCS」サービス終了のお知らせ このたび、2021年9月30日をもちまして嗜好品をテーマとしたWebメディア「LOOHCS(ルークス)」を閉鎖させていただくこととなりました。読者の皆様のこれまでのご愛顧に深く感謝するとともに心より御礼申し上げます。 詳細はこちら 2021年8月24日 「LINEスタンプキャンペーン」開催のお知らせ LINEアプリでdocdog MAGAZINE(ドックドッグマガジン)を含むLINEアカウントメディアと友だちになると、大人気「しばんばん」のLINEスタンプがもらえるキャンペーンを実施中です。ぜひチェックしてみてください。 詳細はこちら 2021年8月3日 (株)白子『炊き込みライスの素』のタイアップ企画が始動! 国内最大級の男性向け料理・家事メディア「オリーブオイルをひとまわし」が、(株)白子とコラボレーションし、新商品『もち麦
この記事は、2018年6月29日にさくらインターネットで行われた「さくらの勉強会 フロントエンドナイト」で発表した内容を文字起こししたものの「前編」です。 発表スライド(SpeakerDeck) 前編: この記事 後編: ゲーム開発初心者が教えるブラウザゲームのつくり方 ※ [ディレクターズ・カット版]と書かれたスライドが、この記事を公開するにあたり追加したものです。 ※ この記事には多くの画像が貼れれているため、読み込みに時間がかかる可能性があります ゲーム開発初心者が教えるブラウザゲームのつくり方 まずは、自己紹介からさせていただきます。 2015年末にSIerからフロントエンドエンジニアにジョブチェンジして、さくらインターネットに入社しました。 いまは、さくらのクラウドのネタ機能開発や、自社サービスのエゴサを主な業務としています。ですので、みなさんがツイートされた
Android 標準ブラウザに関して、レポートが必要になったので調査しました。 いわゆる地球儀ブラウザ。 門外漢なので、間違いなどがあれば修正リクエスト頂けると助かります。 なお、途中で力尽きました。 標準ブラウザとは 「ブラウザ」とは、端末ベンダーが自社のAndroid端末の標準ブラウザーとして用意し、プリインストールしているWebブラウザ。ただし、その実体は端末によって異なる。 つまり「標準ブラウザは機種によって異なる」ため注意が必要である。 標準ブラウザの例。 Android ブラウザ ... Android Open Source Project ブラウザ、通称「AOSPブラウザ」。Google 謹製であり、OS の一部として提供されている。 Chrome for Android ... Nexus 5 等の標準ブラウザ。2018/04 現在、Android OS 4.1(Jell
Bootstrapは既に多くの人が知っていると思います。 では、Bootstrapで採用されているCSSのリセットは知っていますか? Reset CSSやNormalize.cssよりも使いやすく、これからのWebサイトやスマホアプリのCSSリセットとして設計された「Reboot.css」の特徴と使い方を紹介します。 A Look at Bootstrap 4's New Reset: Reboot.css 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Reboot.cssとは Reboot.cssの使い方 「box-sizing: border-box;」がどのように定義されているか remを使用したサイズとスペースの指定 ネイティブのフォントファミリー margin-topは死んでいる 共通要素はクリーンなスタイル タッチ
Qoobo NEWSLETTERでは、最新の QooboやPetit Qooboの事前予約情報をお届けします。 Qoobo(クーボ)は、 しっぽのついた クッション型セラピーロボットです。 そっと撫でるとふわふわと、 たくさん撫でるとぶんぶんと、 そしてときどき気まぐれに、 しっぽを振って応えてくれます。 それは、動物のように あなたを癒やす コミュニケーション。 しっぽセラピーで、 癒やしのある毎日がはじまります。
こんにちは! LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 突然ですがみなさん、EJSってご存じですか? EJSっていうのはですね、なんかもう、こう、すんごいツールでして! とにかく、使うとコーディングがめっちゃ早くなるんですよ!! 今回はそれを使って、爆速でコーディングするテクニックの入門編を紹介したいと思います。 EJSとは? EJSはテンプレートエンジンと呼ばれるツールの1つで、JavaScriptのような書き方を取り入れつつHTMLが書けるという特徴を持っています。 ざっっっっくり言い表すと、SassとCSSの関係に近いです。 「EJSデータでより楽な書き方をして、HTMLに変換して出力する」ことができます。 これが使えるようになると、例えばheaderやfooterなどのパーツを分割して共通化させたり、JSのfor文のような命令がHTML上で使えます
作成:2018/06/11 更新:2019/01/29 Mac > Mac初心者がインストールしておきたい、プログラマー向けアプリをまとめました。便利だなぁ。 エンジニア速報は Twitter の@commteで配信しています。 マークダウンでスライド作成 Deckset マークダウン記法でスライドを作成できる。なんとスライドに色付きのシンタックスハイライト(Code Blocks)を取り入れることができる。登壇用のスライド、提案用の資料など高速で作りたいときに。 記法一覧:Deckset Help - Deckset Help 参考:Markdownでスライドを作る決定版!「Deckset」が非常に良かった話 - 5.1さらうどん マークダウンでPDF作成 markdown-pdf エディタのAtomパッケージを使うわけですが、マークダウンで書いた文章を一発でPDFに変換できます。 サー
ウェブページの表示速度は、離脱率やコンバージョン率にもっとも影響する重要なポイントです。Googleが公表した調査結果では、「表示に3秒以上かかると、約53%のユーザーは離脱する」「表示速度が1秒から6秒に落ちると、直帰率は106%上昇する」というデータが出ているようです。 表示速度を改善する施策は色々とありますが、本記事では「AMPアンプ(Accelerated Mobile Pages)」を作成する際に利用するJavaScriptライブラリーを使って、簡単に表示速度を改善する手法を紹介します。 AMPとはウェブページの読み込みを高速化させる技術 「AMPアンプ(Accelerated Mobile Pages)」とは、名前の通りモバイルでのウェブページの読み込みを高速化させる技術です。 本サイト(ICS MEDIA)では以前「AMPの利点と対応HTMLの作り方」で導入方法を紹介していま
こんにちは。デザイナーのohsです。 Swiftが気軽に学べるサイトまとめ(初級)や(中級編)では、自分で学習できるサービスを紹介してきましたが、私の中で一番効果的だったのが、タイトルにあるペアプロです💡 ただSwiftを学びたいからはじめたというより、チーム開発の効率化という点も期待してはじめました。 ※ペアプロとはペアプログラミングの略で、2人のプログラマが1台のワークステーションを使って共同でソフトウェア開発を行う手法である。Wikipediaより 📘目次 ・ペアプロにより期待していた効果 ・ペアプロのはじめ方 ・ペアプロしてみてどうだったか ・技術力が身につく以上の効果とは?ペアプロにより期待していた効果ペアプロにより、共通言語で話せたり共通認識の幅が広がる事で、コミュニケーションコストが削減でき、開発効率アップできるのではないか?という期待のもとはじめました。 もちろんSwi
こんにちはこんにちは。5月25日ですね。 今日からGDPR施行じゃないですか。 ヤバくない? 何もしてなくない? やっべえな、というWEBサイト担当者/アプリ開発者のためにブログをしたためます。 内容的には「GDPR、何をしたらいいかも何もわからん」という人向けです。これでバッチリ適法、というレベルになるわけではないことは理解して読んでね。 できる限り適切に書いているけれど、この通りにしたら酷い目に遭ったぞなどのクレームは受け付けません(免責)。 あと、プライバシー保護ガチ勢の人はユルい内容に怒らないで欲しい。間違いへのツッコミかあれば歓迎ですが優しくお願います。 長いからこれだけ読んでおくと大丈夫 ① 欧州圏からアクセスできるとかユーザー1人いるとGDPR対象事業者になる、わけじゃない ② プライバシーポリシー更新してるだけで対応済みとしている企業も多い セキュリティコンサル的な会社が専
この記事は何? ほとんどタイトル通りです。 順番に読み進めていけば簡単なWebページが表示できるレベルのWebブラウザを作ることができるように執筆していく予定です。 またアルゴリズムだけをなるべくわかり易く解説していきたいので、記事内で紹介するコードは誰でも読める程度の擬似コードです。 自分で実装したい方は、面倒かもしれませんがそれぞれの言語に翻訳してください。 必要な知識としては: HTML/CSSが困らない程度に読める やる気 これだけです。 (あとこれはただの宣伝ですが、個人的にWeb ブラウザを作ってるので(http://github.com/maekawatoshiki/naglfar) スターをつけてもらえると喜びます) いろいろとパースする Webページは基本的にHTMLで書かれていますね。あとCSSも。 HTMLもCSSもそのままではただの文字列であって扱いづらいので、パー
Chromeの表示が変わる問題 7月からSSL対応されてないウェブサイトはChromeで保護されていない状態が表示されるようになると言われています。現在はSSL非対応のウェブサイトはインフォメーションマークで表示され、SSL対応されている場合は「保護された通信」等で表示されます。 10月からは警告として表示されるという発表もあったのでSSL対応は必須という流れになっています。 ▼参考リンク 安全性を示すHTTPSのラベルとアイコンがGoogle Chrome 69から削除、一方で非HTTPSページでは赤色反転で危険性を強調 | 海外SEO情報ブログ WordPressSSL対応は簡単? WordPressのSSL化については対応方法を書いてある記事がたくさんあります。 シンプルなブログの場合はそれでいけるケースもありますが、カスタマイズされたウェブサイトは必ずしもうまく行くとは限りません。
こんにちは、みっきーです。 現在Laravel+Vue.jsで開発をしています。 当初簡単な処理を使い回すのにVue.jsを使用していたのですが、開発が進むにつれ複雑化するわ肥大化するわで全私がもやもやする状態になりました。 そこで今回はこのもやもやを改善してVue.jsを使い倒す方法を考えたので備忘として残します。 Vue.jsでごりごりしたい方はお付き合いください。 Laravel 5.4 Vue.js 2.x *他ライブラリの話はしません 全体の構成図*汚いメモでごめんなさい Vue.js実行までの流れ Laravelのconfigに出力したいJSファイル名の一覧を設定 ページごとに引数を使ってBladeにパラメータ出力 base.jsでパラメータを元に各Vueを出力 Laravelのconfigに出力したいJSファイル名の一覧を設定 <?php return [ // ページ名とか
目的 パソコン初心者が突然LaravelとVue.js、さらにNode.jsのインストールをせざる得ない状況になった時に即座にインストールに困らないための手順書です。 Qiita初心者なので至らぬ点があるかもしれませんがよろしくお願いします。 各概要を軽く知りたい場合は Laravel:Laravelのここがすごい Vue:Vue.js JP Node.js:Node.js を5分で大雑把に理解する 追記: [Windows版の開発環境の整え方] 目次 1. インストール前の下準備 1. 筆者の環境 2. インストール前にインストールすると良いもの 2. Node.js 1. インストール 2. パッケージ管理ツールの解説 3. Laravel 1. インストール 4. Laravel+Vue.js+Node.js+Mysqlの環境構築 1. LaravelとVue.jsとそれとそれと 2
以前、社内共有と知見をメモするためにWordPressの設計ガイドラインを書きましたが、Webサイト(ページ)のコーディングガイドが必要となってきたので、改めてまとめてみました。 多くのWebサイトを構築した経験値に基づき、特に企業向けのWebページコーディングを、一から行う前提で記述しています。 はじめに 技術やブラウザサポートの進展にあわせて、よりモダンなフレームワークや開発環境が次々と発表されていますが、普通のWebサイト、特に企業向けのサイトに於いては、新しく革新的な技術や設計よりも、以下の方針が往々にしてマッチします。 担当者が変わっても編集・変更し易い技術選定 拡張・運用していく過程で破綻しない設計 本ガイドは、上記の方針を踏まえたコーディングガイドラインとなります。 本ガイドの最大テーマは、納品物(Webサイトデータ)に一定の品質を担保することです。よって、制作前の決め事・チ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く