タグ

ブックマーク / gihyo.jp (65)

  • 2022年のCSS | gihyo.jp

    2022年になりました。矢倉眞隆(@myakura)と申します。昨日に続き、新春特別企画のブラウザとウェブ標準動向について紹介します。 取り上げるトピックの数やそのインパクトから、今回はCSSを独立した記事として取り上げることになりました。「ブラウザとウェブ標準動向」についても寄稿していますので、そちらもお読みいただければうれしいです。 2022年以降のCSSは大きく変化しそうだなと思っています。これまでも、CSS3と呼ばれていた機能による表現力の強化、FlexboxやGridなど強力なレイアウト機能の追加など、大きな変化と言えるだろうものはありました。しかし現在提案・実装されている機能は、CSSの根幹を拡充するものと、これまでと性質が異なるものです。 Compat 2021とInterop 2022で互換性の向上 CSSのつらいところとしてまず取り上げられるのが、ブラウザ実装の挙動の違い

    2022年のCSS | gihyo.jp
    cyokodog
    cyokodog 2022/01/05
  • 第5回 はじめよう!システム設計:羽生章洋『はじめよう!システム設計』刊行記念特別インタビュー~角征典から見た2018年の上流工程とカスタマーエクスペリエンスの時代|gihyo.jp … 技術評論社

    2018年1月に羽生章洋著『はじめよう! システム設計 ~要件定義のその後に』が発刊され、2015年から続く『はじめよう! 要件定義 ~ビギナーからベテランまで』『⁠はじめよう! プロセス設計 ~要件定義のその前に』の上流工程三部作が完結しました。最終回の5回目である今回は、著者である羽生章洋氏に『はじめよう! システム設計』についてお話を伺います。 ――ここまでに「要件定義」と「プロセス設計」の話はしたので、残りは最新刊の『はじめよう! システム設計』ですけど、これはどういう経緯で書かれたんですか? 羽生:ここまでくると、三作目は理屈じゃなくて「やるしかない」っていう(笑⁠)⁠。いやね、これまでの2冊を持っていろんな現場に行くと、要件定義はわかりました、前工程のプロセス設計もわかりました、ところでこれから何をしたらいいんですか? って言ってくるんですよ。 ――誰がそんなこと言うんですか?

    第5回 はじめよう!システム設計:羽生章洋『はじめよう!システム設計』刊行記念特別インタビュー~角征典から見た2018年の上流工程とカスタマーエクスペリエンスの時代|gihyo.jp … 技術評論社
    cyokodog
    cyokodog 2018/03/28
    s2buri
  • 第1回 JavaScriptの基礎を見直す | gihyo.jp

    連載のはじめに みなさんこんにちは、今回より「聞いたら一生の宝、プログラミングの基礎の基礎⁠」⁠ の連載を担当させていただく橋佑介です。 記事では、広く利用されている技術から新しい技術まで、基的な部分を現場のエンジニアの声を取り上げつつ解説していきます。習得している方にとっては振り返りとなり、また今から学ぶ方にとっては同じ疑問にぶつかった方の意見が参考になれば幸いです。 現場のエンジニアの声は私が開発に携わっている技術系QAサイトteratailから抜粋しています。 第1回では、現在では様々な環境で利用されているJavaScriptの基礎をteratailの初心者投稿とともに振り返っていきます。 JavaScript JavaScriptは主にウェブブラウザを実行環境とし、動的なウェブサイト構築などに利用されてきました。 また、今ではNode.jsをサーバサイドで利用することが増え、

    第1回 JavaScriptの基礎を見直す | gihyo.jp
  • 第1回 Ember.jsの世界 | gihyo.jp

    はじめまして。佐藤竜之介(@tricknotes)と申します。連載では、ユニークな特徴を持つJavaScriptフレームワークであるEmber.jsの仕組みと、実践での活用方法について解説させていただきます。 なぜEmber.jsか ここ数年、ネイティブアプリケーションのような使い勝手を備えたWebサービスが増えています。筆者が利用しているサービスを例に挙げるとGmail, Pivotal Tracker, Idobataなどがあります。これらはどれも画面遷移がなく一枚の画面上であらゆる操作を行うため、「⁠Webサイト」というよりは「アプリケーション」と表現する方が適切でしょう。このようなアプリケーションはシングルページアプリケーション(SPA)と呼ばれ、従来の画面遷移中心だったWebアプリケーションと区別されることがあります。 ただ、SPAの開発には特有の難しさがあります。それはデータ

    第1回 Ember.jsの世界 | gihyo.jp
  • 第1回 ハックガールズがGitを教えちゃいます! | gihyo.jp

    皆さん初めまして!私たち、エンジニアアイドル「ハックガールズ」の堤沙也と濱ヶ崎美季です! 今回からgihyo.jpさんで連載を受け持たせて頂く事になりました!よろしくお願いします☆ ハックガールズとは ハックガールズは、エンジニア女子2人によるアイドルユニットです。 ハックガールズ、さやみん(左)とはまー(右⁠)⁠。 これからよろしくお願いいたします☆ 母体は「リアル脱出ゲーム」などの参加型イベントの企画・運営を行う「SCRAP」がプロデュースするアイドルユニット「パズルガールズ⁠」⁠。そのメンバーのうち、Webエンジニアをしている堤沙也(さやみん)と、SIer企業で働いていた濱ヶ崎美季(はまー)が内部ユニットとして立ち上げたのが、ハックガールズです。 実は、私たちが普段取り扱っている「謎解き」「⁠パズル」といったものは、エンジニアとの親和性がとても高いと思っていて。もちろん、謎解きやパズ

    第1回 ハックガールズがGitを教えちゃいます! | gihyo.jp
    cyokodog
    cyokodog 2014/05/14
  • 第1回 HTMLとPHPの見事なハーモニー(診断編) | gihyo.jp

    こんにちは。新原です。PHPプログラミング診断室はじまりました。巷に溢れる病めるPHPコードを診断していきたいと思います。 PHPのコードと聞くとどういったイメージを想像されるでしょう? 昔からPHPを知っている方であれば、まずイメージするのが、HTMLPHPが混在するコードではないでしょうか。HTMLの中にPHPが書けるのは大きなメリットでもあります。ただ、すべての処理がHTMLの中に混在すると、これはなかなか理解しづらいコードになっていきます。もしかすると、そんなコードを見て、PHPに良くないイメージを持った人がいるかもしれません。 初めての診断は、まさにHTMLPHPが混在するコードです。では、お入りください。 関数定義がなく、流れるようなコードの妙技 今回のPHPコードは、2002年ごろに書かれたものです。とあるWebサイトで稼働していました。内容は、よくあるメールマガジンの申

    第1回 HTMLとPHPの見事なハーモニー(診断編) | gihyo.jp
    cyokodog
    cyokodog 2013/12/12
  • 最終回 クライアントサイドでの暗号化とバイナリデータの扱い(1) | gihyo.jp

    最終回となる今回は、Megaというサービスを題材に、クライアントサイドでの暗号化とバイナリデータの扱いについて取り上げます。 Megauploadの閉鎖と復活 2012年1月19日、Megaの前身となるMegauploadが、FBIの強制捜査を受け閉鎖しました[1]⁠。Megauploadはオンラインストレージサービスですが、閉鎖時には登録ユーザ数が1億8,000万人、アップロードされたファイルが合計25PB(ペタバイト)あったといいます。 Megauploadのようなオンラインストレージサービスを、「⁠サイバーロッカー」と呼びます。同種のサービスには、おおむね次のような特徴があります。 大容量のファイルをアップロードすることが可能である 同時ダウンロード数や速度が制限されていて、有料会員登録することでダウンロード速度が速くなる ファイルをアップロードすることで報酬を得られるプログラムがあ

    最終回 クライアントサイドでの暗号化とバイナリデータの扱い(1) | gihyo.jp
  • 第1回 全文検索エンジンgroongaを紹介します! | gihyo.jp

    今回から始まった隔週連載groongaでは、groongaを使いたくなるような情報を隔週毎にお届けします。 groongaとはGitHubで公開されているオープンソースの全文検索エンジンです。大量にある文書の中から目的のキーワードを持つ文書を高速に見つけることができます。 groongaのロゴ©groongaプロジェクト 第1回目である今回は、この連載についてとgroongaの特徴を紹介します。 この連載について まず、この連載について説明します。 この連載は「読者の皆さんがgroongaを使いたくなる!」ことを目指しています。そのために、次の2点の情報を次回から交互にお届けします。 groongaの利用事例の紹介 利用事例に関連した役立つ情報の紹介 利用事例を紹介することで、「⁠あそこでも使っているなら自分も使ってみようかなぁ」とか「こんな使い方をしているなら自分も使ってみようかなぁ」と

    第1回 全文検索エンジンgroongaを紹介します! | gihyo.jp
  • 第1回 Meteorをはじめよう | gihyo.jp

    Meteorとは? Meteorは、2012年4月に彗星のように登場した、新たなアプリケーションプラットフォームです。この原稿の執筆時で、バージョンは0.3.6とされており、まだまだプレビュー版の域は超えていません。また、現状ではUNIX環境(MacOS Xを含む)でしかうまく動作しないようです。 しかし、Webアプリケーション開発をとことんまで素早く、楽に行えるようにするためのさまざまな仕組みが盛り込まれていることから、登場直後からかなりの注目を集めています(公式サイトには、「⁠1日か2日でプロトタイプを、2~3週間で製品レベルのアプリを構築できるようにする」とあります⁠)⁠。 MeteorはMITライセンスに基づくオープンソースプロジェクトとして、Github上で公開されています。現在4人の開発者がフルタイムで開発に従事しており、1年以内に1.0をリリースする予定だとされています。 M

    第1回 Meteorをはじめよう | gihyo.jp
  • 基礎から学ぶNode.js 記事一覧 | gihyo.jp

    第7回Node.jsアプリケーションをWindow Azureで動かす 高橋俊光 2012-11-27

    基礎から学ぶNode.js 記事一覧 | gihyo.jp
  • 連載:CakePHPで高速Webアプリ開発|gihyo.jp

    第16回何でもできるようになった1.2のデータバリデーション機能(1/2):基編 秋田真宏 2009-07-17

    連載:CakePHPで高速Webアプリ開発|gihyo.jp
  • [はまちちゃんのセキュリティ講座]ここがキミの脆弱なところ…! 記事一覧 | gihyo.jp

    運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。

    [はまちちゃんのセキュリティ講座]ここがキミの脆弱なところ…! 記事一覧 | gihyo.jp
  • [はまちちゃんのセキュリティ講座]ここがキミの脆弱なところ…!:第1回 HTTPのしくみを復習しよう|gihyo.jp … 技術評論社

    こんにちはこんにちは ! ! はまちや2です! 今日からぼくと一緒にWebプログラミングのセキュリティについて、ちょっぴり勉強してみませんか!今回はHTTPがどんなやりとりをしているのか、簡単におさらいしてみましょう!

    [はまちちゃんのセキュリティ講座]ここがキミの脆弱なところ…!:第1回 HTTPのしくみを復習しよう|gihyo.jp … 技術評論社
  • 読んで覚える、触って体験!JavaScript&CSS3~gihyo.jp×jsdo.it presents 記事一覧 | gihyo.jp

    読んで覚える、触って体験!JavaScriptCSS3~gihyo.jp×jsdo.it presents 記事一覧

    読んで覚える、触って体験!JavaScript&CSS3~gihyo.jp×jsdo.it presents 記事一覧 | gihyo.jp
  • 2011年のJavaScript ─ウェブアプリ全盛の時代へ | gihyo.jp

    あけましておめでとうございます。昨年に引き続き、今年もJavaScriptの近い未来についてちょっとだけお話させて頂きます。 最初に昨年の予想を見返しておきましょう。昨年は次の3つを2010年の鍵として取り上げました。 ウェブ標準 ブラウザ拡張 サーバーサイドJavaScript この3つを軸に2010年を振り返ってみます。 2010年のJavaScript界隈でのニュース ウェブ標準 2010年最初のビッグニュースはなんといってもIE 9のPlatform Preview版の登場でした。これまでの独自実装路線から一転して(正確にはIE 8の時点でJSONやWeb Storageのサポートなど、その徴候はあったのですが⁠)⁠、HTML5などのウェブ標準のサポートを進めることを表明しました。そして実際に8週おきにPlatform Preview版をアップデートして、ECMAScript5・S

    2011年のJavaScript ─ウェブアプリ全盛の時代へ | gihyo.jp
    cyokodog
    cyokodog 2011/01/07
    GWT=グウィット ジーダブリュティーではない
  • 第1回 まずはTitaniumを体験してみよう | gihyo.jp

    はじめまして、株式会社はてなでアプリケーションエンジニアをしている倉井龍太郎(id:r_kurain)と申します。この連載では、今もっとも注目集めているスマートフォンアプリ開発環境であるTitanium Mobile(以下Titaniumと省略)を使ったiPhone及びAndroidアプリケーションの開発方法について解説していきます。 Titaniumとは TitaniumはAppceleratorが開発しているスマートフォンアプリ開発環境です。iPhone/iPod/iPad であればObjectice-Cを使用して、AndoridであればJavaを用いて作成するネイティブアプリケーションが、どちらの環境でもJavascriptのみで開発できるようになるものです。Titanuiumは無料で利用することができます。サポートを受けるにはAppceleratorの有料プランに入会する必要が

    第1回 まずはTitaniumを体験してみよう | gihyo.jp
  • JQTouchやPhoneGap、jQuery Mobileを利用したモバイルアプリ開発と、オバマサイトのキャンペーンの裏側が語られた「Web Directions East 2010」レポート(後編) | gihyo.jp

    JQTouchやPhoneGap、jQuery Mobileを利用したモバイルアプリ開発と、オバマサイトのキャンペーンの裏側が語られた「Web Directions East 2010」レポート(後編) 10月15日に開催されたWeb Directions East。後編のレポートをお届けする。 Jonathan Stark氏「HTML, CSS, JavaScript を利用したモバイルアプリ開発」 Jonathan Stark(ジョナサン・スターク)氏は、モバイルアプリケーション開発を専門にコンサルタントとして活躍する一方、オライリー・ジャパンから出版されている『iPhoneアプリケーション開発ガイド―HTML+CSS+JavaScriptによる開発手法』の著者でもある(この書籍は日でも高い支持を得るている⁠)⁠。氏は、昨今におけるモバイルアプリ開発にどうして関心が集まるのかを解説し

    JQTouchやPhoneGap、jQuery Mobileを利用したモバイルアプリ開発と、オバマサイトのキャンペーンの裏側が語られた「Web Directions East 2010」レポート(後編) | gihyo.jp
  • 第3回 なぜ日本のソフトウェアが世界で通用しないのか | gihyo.jp

    日米で異なるソフトウェアの作り方 私がシアトルに来たのは1989年なので、こちらに来てもう20年以上になる。最初の10年をMicrosoftのソフトウェアエンジニアとして過ごし、後半の10年は起業家としてソフトウェアベンチャーを3つほど立ち上げている。こうやって1年の大半を米国西海岸で過ごしながらも、日には毎年数回仕事で帰国しているし、日語でブログや記事を書いてもいて、ある意味で「日のソフトウェアビジネスを、一歩離れてちょうどよい距離で見る」ことができる立場にいる。 そんな私が常々感じているのは、日でのソフトウェアの作り方が米国のそれと大きく違っていること。そして、日のソフトウェアエンジニアの境遇が悪すぎること―そして、それが「日のソフトウェアが世界で通用しない」一番の原因になっていることである。 そもそもの成り立ちが違う日米のソフトウェア業界 日米のソフトウェアの「作り方」の

    第3回 なぜ日本のソフトウェアが世界で通用しないのか | gihyo.jp
  • 第8回 適切な説明を加えたデザインにするには | gihyo.jp

    ツールチップでさりげなく情報を伝える サイトの情報設計をする際、カテゴリーを整理したり、グローバルメニューの分け方を考えるのが重要ですが、メニューでひとことでは言い切れない場合が少なくありません。 特に、ユーザーの利用頻度が多い管理画面などは、「⁠あれ、これ何のページだっけ?」ということが起こり得ます。運用・管理の引き継ぎで大変な想いをした方も少ないないのではないでしょうか。 そんなときに、「⁠ひと言だけれど、カーソルを合わせたときに説明が出る」ようにすれば、ユーザーにとってわかりやすく、ユーザビリティの高いUIになります。 今回は、ツールチップを使って、ユーザーの操作の邪魔にならない形でさりげなく情報を伝える方法をご紹介します。ツールチップとは、カーソルを合わせたときに補足情報が表示される小さな枠のことで、使い方によっては効果的なUIを実現することができます。 tipsyとDD_bela

    第8回 適切な説明を加えたデザインにするには | gihyo.jp
  • Webデザイン最新トレンド ~イマドキUIのつくりかた 記事一覧 | gihyo.jp

    運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。

    Webデザイン最新トレンド ~イマドキUIのつくりかた 記事一覧 | gihyo.jp