タグ

webに関するoracle26のブックマーク (271)

  • CSSでレイアウトするなら絶対覚えておきたい配置のルール:フロートや絶対配置、z-index とかいろいろ

    最近改めて CSS の基、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基が分かってなかったんだなーと反省 ...。今回は CSS の基中の基、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが CSS …。このブログ – Webデザインレシピでも、過去に CSS について書いた記事がいくつかあります。最近 … でもないけど、以下のふたつは CSS でのレイアウトについて、いろいろと書いた記事でした。 CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ – 2011年 6月17日 CSS:初心者の頃にハマったスタイルシートのあれこれ … IE7多め -2011年 4月21日 で

  • HTMLの外部ファイル化

  • エンジニアならウェブサーバーのひとつでも自腹で立てて運用すべき理由と、サーバー環境の選び方 : akiyan.com

    エンジニアならウェブサーバーのひとつでも自腹で立てて運用すべき理由と、サーバー環境の選び方 2013-08-26 なんかスイッチが入ったので書いてみる。 目次 技術的なレイヤーは掘り下げるべきなので、ソフトウェア・エンジニアだってサーバー運用は経験すべき ウェブ系のソフトウェアエンジニアを職業としているのであれば、ウェブサーバーのひとつやふたつは自腹で立てて、実際に運用したほうがいい。 なぜかというと、技術的な仕事にはなんでもあてはまることなんだけど、技術的なレイヤーを掘り下げることには大きな意味がある。他にもやったほうがいいことは多々あるにせよ、レイヤーの掘り下げは特に重要だ。 ウェブ系ソフトウェアエンジニアであれば、仕事で使っているサーバーや言語を支えているOSレイヤーやミドルウェアのレイヤーが、どうセットアップされて、どう管理されているのか、知っているのと知っていないのでは、ソフトウ

  • 日本の全エンジニアに捧ぐ!現在公開されているAPI一覧【2013年版】 | Find Job ! Startup

    2013年のいま、API界隈が熱い! 今年に入り、官公庁の統計データやNHKの番組情報など、今までなかなか利用できなかったデータがAPIとして扱えるようになってきました。このエントリでは現在公開されているAPIを一覧でまとめます。いま使えるAPIはこれだけ読めば大丈夫。2013年の最新マッシュアップ事情をあますとこなく網羅します! HOT! API 総務省 次世代統計利用システム(国勢調査、人口推計、就業構造、企業統計、物価統計 etc.) NHK番組表(※未公開) 行政・自治体・公共サービス 郵便番号 郵便番号検索API郵便番号 → 住所) 郵便専門ネット(郵便番号 → 住所、郵便番号の簡易存在チェック) ぽすたん(郵便番号 → 住所、住所 → 郵便番号) IW3 PROJECT(郵便番号 → 住所、住所 → 郵便番号) 宇宙 Google+ JAXA PR(※現在一部の学生に限定公開

    日本の全エンジニアに捧ぐ!現在公開されているAPI一覧【2013年版】 | Find Job ! Startup
  • 「学びたい、全ての人へ」creiveより

    いつもcreive(クリーブ)をお読みいただきありがとうございます。 この記事は「いつもの記事」とは少し違います。 インターネットさえ繋がっていれば、学びたいコトが学べる時代になりました。 好きな時に好きなだけ学べて、何度でも繰り返して復習できる。 インターネットが提供してくれた価値は、計り知れない威力があります。 この記事は当初、 「ネットさえあれば自由に学べる!日語で学習できるWebサービス」 というタイトルで作成するつもりでした。 ただそんな一発単体の記事では、世の中は1ミリも動かないと考えました。 私たちcreive(クリーブ)は、このメディアを通して「学びたいヒトが、学びたいコトを、自由に学べる世界」を創ります。 いまこの記事を読んでくださっている方は、ネットリテラシーが高く、すでに知っている情報ばかりかもしれません。 ただ、普段インターネットに触れない人たち(私の場合、地元の

    「学びたい、全ての人へ」creiveより
  • 新卒エンジニアのための先輩エンジニアによる一目置かれるエンジニアとして成長していくために必要なこと。 - 悪あがきプログラマー

    自分ところの新人向けこんなことをするといいよーとメモ書きしてたら結構な量になってきたのでブログに晒してみます。大きくインプットとアウトプットに分けて書いてます。 アウトプット インプットよりアウトプット大事!ということでアウトプットからいきます。 コードを書こう なにはともあれ。 Shut the fuck up and write some code ぐだぐだ言ってないでコード書けよ、ハゲ後ほど紹介する「Webサービスのつくり方 ~「新しい」を生み出すための33のエッセイ (Software Design plus)」に載っている言葉です。 まぁ、載っているというかプログラマー界隈で良く言われる言葉です。 仕事で書くだけだと足りないのでプライベートでもガシガシ書きましょう。そして晒しましょう。 別にアプリである必要もありません。僕はこんなの書いたりしてます。 Google Apps Sc

    新卒エンジニアのための先輩エンジニアによる一目置かれるエンジニアとして成長していくために必要なこと。 - 悪あがきプログラマー
  • 土日で作るWebサービス入門 - toyoshiの日記

    先週日曜日に総額480円、プログラムコード200行、作業時間8時間で「給与明細.net」(http://www.給与明細.net)というWebサービスを作ってリリースをしました。これは給与支払明細書のPDFをWebで簡単に作れるWebサービスです。 シンプルな内容なので開発を開始してから8時間以内の作業でリリースできました。このエントリではサクッとサービスを開発してリリースするまでの僕なりの方法を紹介します。 特長 無料 会員登録不要 Excelから一括作成できる(CSVではない) オープンソース(MITライセンス) 目次 解決したい課題を見つける ドメインを取得する サイトマップとURLを決定する よいツールを集める まずデプロイ(公開)する そこそこのデザインにする 最低の機能をつけたらリリースする 広めるための準備をする おまけ:コードをかく 解決したい課題を見つける これがないとそ

    土日で作るWebサービス入門 - toyoshiの日記
    oracle26
    oracle26 2013/06/15
  • Web版のFeedlyを使いやすくするカスタマイズと使い方 [Firefox/Chrome/Tips]

    (07/27) またまたThe Boysのスピンオフドラマ、今度はソルジャー・ボーイが主役の前日譚 (07/26) QLC採用を進めるスマホ業界、2026年に登場の大容量iPhoneにもQLC NANDフラッシュが搭載か (07/25) AppleMapsがWebアプリとして公開、ブラウザからの利用を解禁 (07/25) 超薄型モデルiPhone 17 Slimが2025年に登場、分厚いiPhoneは陳腐化するのか? (07/25) LED時刻表示がエモかったEcho Dot with clockがひっそりと販売終了 (07/25) 人気ワイヤレスイヤホンBeats Studio Buds+が大量ポイント付与でお買い得に (07/24) Apple初の折りたたみiPhoneは2026年に登場か、2025年のiPhone 17には薄型モデルが (07/24) iPhone 16は排熱シートが

    Web版のFeedlyを使いやすくするカスタマイズと使い方 [Firefox/Chrome/Tips]
    oracle26
    oracle26 2013/06/05
  • ASCII.jp:たった4行で電話が作れるAPI「Twilio」とは? (1/2)|Twilioではじめるクラウド電話開発

    Twilioは簡単に言うと、「Webから電話を簡単に操作できるAPI」です。ほとんどの連絡をメールやSNSで済ませるようになった昨今、「いまさら電話?」と思った方もいるかもしれません。しかし、エンジニアの視点から、またサービス企画の視点から見て、Twilioは実に多くの可能性を秘めたAPIなのです(筆者もまた、その可能性に注目している1人です)。 Twilioを使うと何ができるのか? どんな可能性があるのか? その魅力を、連載を通じて紹介しましょう。 まずはTwilioを体験してみよう Twilioとはどんなものなのか? まずは手元の携帯電話などから以下の番号に電話をかけてみてください(通話料がかかります)。 電話につながると、ややぎこちない女性の声でメッセージが流れたと思います。実はこの自動応答システム、Twilioを使って、たった4行のコードだけで実現されています。 <?xml ver

    ASCII.jp:たった4行で電話が作れるAPI「Twilio」とは? (1/2)|Twilioではじめるクラウド電話開発
    oracle26
    oracle26 2013/06/02
  • 【配色・色見本 Webサイト紹介】 - 10個のweb配色ツール【色の見本】

    ポスターやWebサイトのデザインをする際の配色は奥が深く、デザイナーであっても毎回悩む問題の1つ。 ただ、デザインにおいて配色の役割は大きく、たった1つの色でそのサイトやモノの印象がガラっとかわることはよくあります。 ベースカラーやアクセントカラーの組み合わせが決定しても、その色で当に正しいのかどうか不安になることもあるかと思います。 今回ご紹介するのは、そんな悩みを一発で解決する、配色を決定する際に役立つ便利なWebツールです。デザイナーの方はもちろん、ディレクター、エンジニアの方でも、覚えておくと使えるものばかりなのでぜひ利用してみてください。 Web配色ツールのご紹介 それでは、Web配色ツールを10個ほどご紹介します。求める色がすぐに見つかったり、色を組み合わせる時の見となるサイトばかりなのでぜひ訪れてみてください。 HUE/360 HUE/360は、1つのキーカラーと調和する

    【配色・色見本 Webサイト紹介】 - 10個のweb配色ツール【色の見本】
  • RSSリーダーをFeedlyに変えたら未読がゼロになった話 | ジョナサンブログ

    個人的な事だが、最近何かと忙しい日々が続いている。 こんな時は決まって何かが破綻する。 僕の場合、ブログ執筆やRSSリーダー購読の時間が取れなくなったり、タスク管理が上手く回らなくなるなどがそれに当たる。 だが、不思議な事にRSSリーダーはきちんと読めている。むしろ物足りなくて登録フィードを増やしたくらいだ。 今までと何が違うのか? ひとつだけ言えるのはRSSリーダーをFeedlyに変えた事だ。 Feedly: Your Google Reader, Youtube, Google News, RSS News Reader 15.0.1(無料) カテゴリ:ニュース,エンターテインメント 販売元:DevHD(サイズ:11.4MB) RSSリーダーをひとつの雑誌として考える RSSリーダーのフィード閲覧はスクロールが一般的だが、FeedlyにはStack(スタック)という表示形式

    oracle26
    oracle26 2013/05/28
  • 「このままではミクシィは生き残れない」朝倉・次期社長が独白 - 日本経済新聞

    交流サイト(SNS)大手ミクシィが15日、突然のトップ交代を発表した。創業者で最大株主の笠原健治社長(37)が6月25日付で会長に退き、新社長に30歳の朝倉祐介執行役員が就く。ネット業界の中でも異例の速さで世代交代を図る狙いは、停滞する同社がもう一度ベンチャー精神を取り戻し、次の成長に向けて前進するため。ネット起業家の当たり年とされた76世代(1976年前後の生まれ)の笠原氏から、次の当たり年とされる82世代(1982年前後の生まれ)の朝倉氏へ――。新社長が舵取りするミクシィはどこへ向かうのか。社長交代の舞台裏や、10年後の会社の姿、今後手掛ける大胆改革の中身など、朝倉氏がインタビューで語った。

    「このままではミクシィは生き残れない」朝倉・次期社長が独白 - 日本経済新聞
  • クライアントに振り回されるWebデザイナーに共通した、たった一つの特徴 - studio room134

    どうしたらクライアントの納得するデザインにたどり着けるのだろう。と考えたことはありませんか?デザインのフィードバック地獄で苦労したWebデザイナー、ディレクターの方は多いと思いますが、振り回されがちなWebデザイナーの特徴とその対処法について、ケーススタディでまとめてみました。 ■クライアントに振り回されるWebデザイナー/WEBディレクターの特徴 「フィードバック指示を額面通りに受け取ってしまう」 これに尽きます。クライアントはデザインをした事が無い人がほとんどなので、修正指示もデザイン的には正しくない事がかなりの割合であります。 これは映画を観て良かった悪かったは誰にでも評価できるが、その映画をどのように修正したらよりよくなるかは経験を積んだ者にしかわからない、というのと同じことです。 にもかかわらず、「ここのボタンを赤くしてください」、「背景をグレーにしてください」という指示を額面通

    クライアントに振り回されるWebデザイナーに共通した、たった一つの特徴 - studio room134
  • Web制作会社に飛び込んだ新入社員にとりあえず読ませたいスライド

    Webデザインのセオリーを学ぼう / Webデザインのウソ・ホント ~ Web らしく... / コンテンツで改善する UI デザインの極意他...全21件

    Web制作会社に飛び込んだ新入社員にとりあえず読ませたいスライド
    oracle26
    oracle26 2013/04/02
  • 短期間でプログラミングを習得してWebサービスをつくるための知識と方法まとめ | らふらく ^^

    最近、スマホの普及と共に、プログラミングを学習したい人が増えてきているようです。 私の周りでも、プログラミングに興味があり、webサービスをつくってみたいという人が大勢います。 ということで、プログラミングをやった事がない人(または初級者)のために、 プログラミングで何を学べばいいか、 どうやって勉強したらいいかというノウハウを紹介したいと思います。 何を学ぶべきか プログラミングにはいろんな言語があるため、どの言語をやればいいかわからないという声を耳にします。 そこで、初級者でも学びやすい言語を厳選し紹介したいと思います。 1. 何はともあれ「HTML」 こちらは、Webサービスをつくる上で書かせない言語で、 今見ているページ(見た目の部分)はすべてHTMLで書かれています。 HTMLを学ぶ上では以下のサイトが参考になります。 HTMLの基 HTML入門 ドットインスト

  • 少しの手間で説得力アップ!意外と使える官公庁の統計データ利用法 : LINE Corporation ディレクターブログ

    こんにちは、ウェブサービス部の鳴海です。 突然ですが、あなたが24歳男性だったとすると、同い年の年男は日全国で何人いるでしょう? また36歳男性には、同じく年男の同級生は何人いるでしょうか? 答えは、24歳男性が64万人、36歳男性が87万人。実は、世代間で20万人以上の差があります。また、今年の年男・年女世代の中で、最も人口の少ない12歳女性(57万人)と最も人口の多い48歳男性(89万人)では1.5倍以上の開きがあります。最近、身の回りに小学生の女の子よりも中年男性の方が多いなと思っていましたが、気のせいではなかったようです。 同級生の人口なんて普段意識することはないですが、仕事をする上ではたまに大事だったりします。いま自分が手がけているサービスのターゲットはどの層で、人口で言えばどのくらいの規模なのか、前後の世代に比べてどのような傾向があるのかなどは感覚的に掴めているといいですね

    少しの手間で説得力アップ!意外と使える官公庁の統計データ利用法 : LINE Corporation ディレクターブログ
    oracle26
    oracle26 2013/02/07
  • 30分、JavaScriptで作るWebサービスのモックアップ - ゆーすけべー日記

    Instagramは日のユーザーも多く、日常を切り取った写真がほとんどで、 またお洒落なものも混じっているのでたまに眺めると気持ちがホッコリしたりします。 特定のキーワードでInstagramの最新の写真を検索したい時があります。 例えば、みんなが今どんな「ご飯」をべているのか、今日の「日の出」はどのような具合なのか、 がInstagramの写真を通して分かるかもしれません。 Instagramの写真検索サービスを探してみると、 Instagram自身が検索機能を提供してないので他の第三者が作ったサービスがいくつか出てきます。 使ってみたところ、もう少し自分で見た目やら機能を変えてみたいなーなんて思いました。 そこで、「Instagramの今の写真を検索できるサービス」といういわばWebサービスを作りたい欲求にかられます。 今回はこのようなちょっとした欲求から考えた「Webサービスのモ

    30分、JavaScriptで作るWebサービスのモックアップ - ゆーすけべー日記
  • 一人で作る!Webサービスに必要な知識とか能力 - ゆーすけべー日記

    作りたいものが決まったら調査をしましょう。特に技術的なことについてです。 ここで言う技術というのは、「自分が作りたいことが世の中の利用可能な技術で実現できるか?」を意味します。 その際に「自分のスキル」と「世の中の技術」を分けて考えるといいでしょう。 アイデアを実現するために「利用可能な技術が無い」ケースはあきらめればいいですし、 「あるけれども自分にスキルがない」ケースは頑張ればいいのです。 設計は紙に書いちゃうくらい簡素なもので最初はいいかもです。個人個人のスタイルがあるので。 ユースケースという「ユーザーがシステムに対して振る舞う行為」を図にすることと、 扱うデータには何があるのかを列挙して構造化することは最低限行います。 2. 開発 いよいよ開発です。PerlPythonRubyPHP... 何を使うにしろ以下の知識が必要になると思います。 言語に対する理解 WAF DB

    一人で作る!Webサービスに必要な知識とか能力 - ゆーすけべー日記
    oracle26
    oracle26 2013/01/31
  • 私のような仕事につく方法

    Aaron Swartz / 青木靖 訳 これはカリカット工科大学で行われたTathva 2007カンファレンスでの講演のために書いたものだ(補足)。 アメリカの作家であるカート・ヴォネガットは、講演のタイトルをいつも「私のような仕事につく方法」にしていた。そして内容はその時々で好きなことを話していた。私はどちらかというとその逆の状況にある。何でも好きなことを話していいと言われたのだが、自分に話せる一番面白い話は「インターネットの将来」とか「マスコラボレーションの力」みたいなご大層なことではなく、「私のような仕事につく方法」だろうと思ったのだ。 それでは、私はどうやって自分の仕事を得られたのか? 疑いなく、第一のステップはしかるべき遺伝子を選択するということだ。私は白人男性アメリカ人として生まれた。家はかなり裕福で、父はコンピュータ業界で働いていた。残念ながら、これらのことを自分で選ぶため

  • ぐだぐだ言ってないでコード書けよ、ハゲ – Webサービスのつくり方

    スーパーギークのゆーすけべーさんの著書を読みました。男性向けのサービスをたくさん作っておられる方で、以前からすごいなと思っていました。 Webサービスのつくり方 ~「新しい」を生み出すための33のエッセイ Webサービスの作り方を、心構えから下準備、企画、設計、開発、運用、プロモーションまで、ゆーすけべーさんの考え方が一通り紹介されています。技術的に難しい部分もあって、すべて理解することは出来なかったのですが、開発の精神や流れを学ぶことができました。 書を読みながら考えたことメモ。 実際に形にできた人が偉い Shut the fuck up and write some code ぐだぐだ言ってないでコード書けよ、ハゲ もし、髪の毛のことを気にしている人がいたらごめんなさい(苦笑)。 でもこの言葉は優秀なハッカーは当然のごとく、だけれども真剣に「肝に銘じている」ものです。 via: P2

    ぐだぐだ言ってないでコード書けよ、ハゲ – Webサービスのつくり方