Webページを制作にする時に、マージンやパディングをどのようにつけるか悩むことがあります。2カラムの隙間は、左パネルの右マージンorパディングなのか、右パネルの左マージンorパディングなのか。 Web制作の今までの考え方がきっと変わる、モジュール式のアトミック デザインにおけるHTMLとCSSの実装のロジックを紹介します。 Learning from Lego: A Step Forward in Modular Web Design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、著者様・元サイト様にライセンスを得て翻訳しています。 最近のWeb制作の手法は、数多くあるフレームワークやUIキットからあらゆる種類のコンテンツのブロックを組み立てています。しかしながら、モジュール性と汎用性はまだWeb要素レベルでは達成されていないと言えるでしょう。 LEGOブロックの考え方を

ＣＡＤでトレースという入力手法でWEB制作コーディングソフトを開発。いうなればモックアップをそのままコードに変換するイメージです。参考書の内容をカスタマイズしてそのままコンポとして組込むこともできる。 ＣＡＤソフトを開発してきた株式会社図面ソフトは、新たにＷＥＢ制作用のコーディングソフト『PartsHP』を開発2017/01/07にリリースしました。基本操作版のPartsHP（Reach）は2017/12迄無料でご使用でき、http://www.zumensoft.co.jpで公開いたしております。当ソフトはデザインのイメージ上をＣＡＤでトレースして入力するものでデザイナの方でも運用可能です。 【概要】 ＣＡＤソフトを開発してきた株式会社図面ソフトは、新たにＷＥＢ制作用のコーディングソフト『PartsHP』を開発2017/01/07にリリースしました。基本操作版のPartsHP（Reach

Design for internationalization – Dropbox Design – Mediumの記事が素晴らしかったので、John Saitoさんに許可をいただいて日本語訳しました。 あなたが初めて新しいアプリを試すときを想像してください。そのアプリはTwitter上などで評判を集めている、素晴らしいものだとします。 アプリを立ち上げて、こちらの画面を目にしました: うーん、ちょっと変ですね。画面上部に動画エリアがありますが、キャプションが理解できない言語で書いてあります。また、右下のボタンがはみ出ています。これを見て、良いアプリだと思えるでしょうか？ このアプリは元々エルフ語で組まれていて、それからあなたの言語に翻訳されたのです。ほとんどはエルフ語ユーザーで、彼らはあなたの言語でこのように崩れた表示になっていることを把握してませんでした。 信じられないかもしれませんが

どうすれば金の表現がデジタルで表現できるか、いろんな色合いやテクスチャを探していた所、このフォトショップのチュートリアルを見つけました。私の使い方にまだまだ改善の余地はあるものの、そこそこキラキラして見えたので：… https://t.co/RC0c4VqL3Y

By Heather Anne Campbell 日本では当たり前として考えられている「8時間労働」ですが、スウェーデンでは「6時間労働」の取り組みを進める企業や公的機関が登場しています。労働時間を6時間に短縮することで生産性が向上し、従業員のストレス軽減にもつながることがわかった一方で、コスト面での問題により6時間労働を断念した事例が出てきました。 Swedish Six-Hour Workday Runs Into Trouble: It’s Too Costly - Bloomberg https://www.bloomberg.com/news/articles/2017-01-03/swedish-six-hour-workday-trial-runs-into-trouble-too-expensive スウェーデンのヨーテボリにある老人ホームでは、2年前から看護師の給料はその

プログラミングカンファレンス等を確認するまでもなく、MacBook Proは開発者のためのマシンとして近年大きな人気を誇っています。ハードウェアの完成度が高いだけで無く、UNIX由来の各種コマンドが利用できるmacOSも開発者が好む理由の一つにもあげられると思います。 ところが2017年はその状況が変わってくるのかもしれません。開発者Luca Ciavatta氏は、今年開発者がmacOSから離れLinuxにスイッチする可能性があると、ブログ記事「Why devs are switching from Mac OS X to Linux?」にまとめています。 ブログの根拠は、Appleが開発者の需要を無視し、割高なハードウェアを販売しているというもの。そのために人々はハードウェアとソフトウェアの両面で代替案を探しているというのです。 参考リンクとして同様な動きを伝える以下のようなリンクをリス

内容：「Nibbler」は、指定したウェブサイトについて、さまざまな観点からチェックを行ってくれるサービスだ。サイトの作りが構造的に正しいか、ユーザビリティやアクセシビリティは問題ないかといった、人および検索エンジンから見た場合に使いやすいサイトであるかを、ワンクリックでチェックできることが特徴だ。 「Nibbler」は、指定したウェブサイトについて、さまざまな観点からチェックをしてくれるサービスだ。サイトの作りが構造的に正しいか、ユーザビリティやアクセシビリティは問題ないかといった、人および検索エンジンから見た場合に使いやすいサイトであるかを、ワンクリックでチェックできることが特徴だ。 使い方は簡単で、調査したいサイトのURLを入力して「Test」をクリックするだけ。およそ1分ほどかけて調査が行われ、結果レポートが表示される。時間が多少かかる理由は、調査項目が多岐に渡っていることに加えて

従来のように決められたものを、 決められた通りに作る開発のやり方ではなく、 ビジネスの形の変化に合わせて柔軟に作るものを変えていく作り方を実現する月額制受託開発「開発チームレンタル」サービス。 発注者/受注者という関係性を越えて、チームの一員としてビジネス価値の実現のために最良である作り方を選択します。Read less

先日お会いした経営者の方が、「正社員を雇うメリットが小さくなっている」と言っていた。 詳しく話を聞く。 「少し前までは、積極的に正社員を雇ってたんだけどね、もう正社員って要らないね」 「なぜですか？」 「友達から「社員あんまり要らないよ、正社員じゃなくても、優秀な人が増えたって」って聞いて、試してみたんだよ。」 「どんな具合ですか？」 「具体的には、フリーランス、パートタイマー、リモートワーカー、アルバイト、副業なんかをやる人で、結構優秀な人がすごい増えてるから直接契約すればいいってさ。たしかにそうだった。」 「そうなんですね」 「うん、数年前まではパートタイマーっていうと、単純労働しかできない、ってイメージがあったんだけど、全然そんなことないね。今はデザインや執筆、マーケティングもパートタイマーに任せられるし、開発や営業もフリーランスの人がやってくれるし、バックオフィスはアルバイトで十分

エンジニアのキャリアを考える際、企業が求めるスキルを兼ね備えているかどうかが、ひとつのポイントとなります。では、企業はどんなスキルを持ったエンジニアと仕事がしたいと思っているのでしょうか。 そこで今回は、エンジニア・クリエイターに特化した求人案件を提供するレバレジーズの「レバテック」の協力を得て、2016年の求人データを収集。今年の結果をもとに、レバテック事業部長の林英司さんに、2017年のエンジニア市場を予測してもらいました。（HRナビ編集部） 幅広い業種・サービスの開発に対応できるJava、PHPが今年も圧倒的シェアを占める エンジニア向けの業務委託案件や求人のうち、今年最も多くの割合を占めたのはJavaでした。Javaは全体の約3割を占めており、次いでPHPが17.9%という結果でした。年ごとに見てもJavaとPHPのシェア率はほぼ変わっていません。 Javaは金融系や物流系といった

昨年アメリカのベイエリアに引っ越し・転職して入った会社が、ちょうどElmを本格的に本番運用し始めようとしているところでした。それから1年半弱たった今、フロントエンドで新規に書くコードはほぼすべてElm、総行数はテストを含め5万行に達し、その過程で運用がスムーズにいかない場面も経験しました。そこで、 Elm、よさそうだけど実戦で使うためのツールは揃ってるの？ 実戦で使い始めたけど他の人はこの辺どうしてるのか知りたい という読者を想定して、自動テスト・デプロイ・チーム内コミュニケーションに使っているツールややってることを簡単に紹介します。 目次 前提条件や環境など コーディングスタイルの統一 テスト 依存パッケージの管理 アセット管理 CIビルドの高速化のための小技 コード分析 人事採用 前提条件や環境など 自社プロダクトを作っている会社です 1つのページもしくは機能ごとに1つのElmアプリと

【プリキュアシリーズ】アパレル♪「全プリキュア フルカラープリントTシャツ」発売決定！第1弾として「ふたりはプリキュアMaxHeart」「ふたりはプリキュアSplash☆Star」「魔法つかいプリキュア！」のご予約受付開始です☆彡 https://t.co/cZYP0kNpAc pic.twitter.com/83FZ0YUKFY— 東映アニメーションオンラインショップ (@toeianime_shop) 2016年12月18日 buff.ly/2h7rfG7 え？ 「全プリキュア　フルカラープリントTシャツ」 1枚　4860円（税込み）です。 XLサイズもあるので、安心ですね（何が？） 全プリキュア出るようです。 プリキュアは2016年「魔法つかいプリキュア」までで44人。 映画限定のキュアエコー、キュアモフルンを入れると、46人。 従いまして、 4,860×46＝22万3560円 ・・

HTML・CSSコーディングを取り巻く状況は、数年前と大きく変わっています。最近では、2016年11月にHTML 5.1が勧告されたり、2015年8月頃にChromeのブラウザーシェアがInternet Explorerを抜いたりといったニュースがありました。また、2017年4月にはWindows Vistaのサポートも終了するため、今後対応すべきはWindows 7のIE 11以降となります（※）。当たり前だと思っていたコーディング技術を今一度見直す時期にきているのではないでしょうか。本記事では2016年に見直した、今の時代に即したコーディング技術を紹介します。 ※ 参考記事「Internet Explorerサポートポリシー変更の重要なお知らせ - Microsoft」 1. meta keywords設定は検索順位に関係がない ウェブコンテンツのキーワードを指定するmeta keyw

この記事はADVANCED BEGINNERからCOMPETENTの方を対象読者として書かれています。 コインの裏表やサイコロの出目はよく確率変数によって表されます。確率変数が互いに依存しているようなモデルを記述する手法としてグラフィカルモデルと云うものがあります。例えば、ある分布に従って表が出る確率が偏ったコインが選ばれた後、そのコインを投げて表裏が決まるような実験を考えた場合、コインの確率変数を $X$, コインの表裏の確率変数を $Y$ とすると、この系を記述するグラフィカルモデルは このようになります。ところで $X$ は表が出る確率Double上の確率変数RVar Doubleで、 $Y$ は $X$ の結果に依存したコインの裏表Bool上の確率変数Double -> RVar Boolであると考えるとします。今コインがランダムに選ばれると言う構造を 忘れて コインの表裏が出る確

Angular 2、ReactといったJavaScriptライブラリー／フレームワークが盛り上がった2016年。一方で急速にコミュニティが立ち上がり、大きく成長したのが「Aurelia（アウレリア）」です。今後の気になる動きとは？ Aureliaへの取り組みの根幹はオープンソースであることです。オープンソースがもたらす自由、コミュニティの存在とその協力は、多くの人のビジョンに欠かせません。オープンなWebとオープンなプラットホームの、これからの成長は、世界規模のコミュニティが活躍できるような、テクノロジーの民主化を実現するものです。もっと多くの人に、消費者側の考え方ではなく産み出す側・提供する側の考え方を持つようになってほしいのです。これこそがオープンソースの核となる考え方であり、業界の未来だけでなく、文明の未来さえ左右するほど大切なことだと信じています。Aureliaはこの夢の実現に向け

Elm Advent Calendar 2016 の16日目です。 Web API のサポート状況 A Farewell to FRP で触れられている通り、Elm は Web API を使ったライブラリの公開をコミュニティに許していません。（これについては議論すると長くなるので、詳しくは読みにいってください。） そこで、よく知られている Web API のサポート状況をざっくり表にまとめました。該当パッケージがない場合は、Port を使いましょう。 API 該当パッケージ 補足