タグ

Web制作に関するsakamataのブックマーク (31)

  • PHP初心者が仕事で躓いた4つの罠 - pixiv inside [archive]

    こちらはピクシブ株式会社 Advent Calendar 2015の2日目の記事です。 こんにちは。Vimエンジニアの kana です。 さて、皆さんもご存知の通り、WebサービスpixivにはPHPが使用されています: PHPについては様々な噂を聞き及んでいた為、 これまでPHPとは関わらないように注意して過ごしてきましたが、 pixiv.netの開発ではPHPを避けて通ることは出来ません。 仕方なくPHPを使うことになる訳ですが、 実際に使ってみると……これが予想していた以上に様々な方向から毎日新鮮な驚きを届けてくれます。 今回は実際に遭遇したPHP初心者が躓くポイントを幾つか紹介しようと思います。 switch の中で continue したら switch の直後に飛ぶ 大量のデータをループでぶん回して処理するのはよくある話です。 その中で特定の種類のデータについては処理をスキッ

    PHP初心者が仕事で躓いた4つの罠 - pixiv inside [archive]
  • PHPでWebSocket - demouth::blog

    去年PHPで実装するWebSocketサーバーについて書きましたが、ブラウザのバージョンが上がり、内容が古くなってきたので、2012年1月2日今現在のブラウザで動くよう改めて書いてみようと思います。 前回とブラウザ以外は変わりませんが、今回はこんな環境で動かします。 さくらのVPS CentOS PHP 5.3.6 Chrome 17.0.942.0 dev-m Firefox 8.0 release channel Safari 5.0.2 iPhoneのmobile Safari iOS5.0.1 ※サーバー側のWebsocket用ポート開放を忘れずに。 今回の最終目標は上記ブラウザすべてで動作するリアルタイムお絵かきツールを作る事にします。 まずは動かしてみる 手順 ライブラリなどを配置してひとまずデモ用のチャットアプリケーションを動かしてみます。こんな手順で進めていきます。 Web

    PHPでWebSocket - demouth::blog
  • プログラム組んだら負け!実はHTML/CSSだけでできること2015夏

    スライドは、弊社の梅により弊社内の技術勉強会で使用されたものです。 近年注目を集めるアーキテクチャーである「Transformer」の解説スライドとなっております。 "Arithmer Seminar" is weekly held, where professionals from within and outside our company give lectures on their respective expertise. The slides are made by the lecturer from outside our company, and shared here with his/her permission. Arithmer株式会社は東京大学大学院数理科学研究科発の数学の会社です。私達は現代数学を応用して、様々な分野のソリューションに、新しい高度AIシステム

    プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
  • フォーム周りで覚えておくと便利なCSS Snippets - NxWorld

    フォーム周りでCSSを使ってスタイリングしていく際に、個人的によくど忘れしてしまうものや便利だと思うプロパティやスニペットをまとめました。 全体的に普段からCSSをよく触っている人にとっては特別目新しいものはないかと思いますが、まだCSSを触り始めて間もない方やこれからCSSを触ってみようという方は覚えておくと便利だと思うのもいくつかあるので参考にしてみてください。 紹介している内容はブラウザ(特にIE9以下)によっては使用できないものや表示確認ができないものもいくつか含まれています。 各要素のデフォルトスタイルを削除 フォームで使用するinputやtextareaなどの要素はブラウザやデバイスによって見た目は異なりますが、予めボーダー・グラデーション・角丸といったスタイルが適用されています。 特にこだわりがなければこのまま使用したり、多少手を加えるだけということもありますが、異なるブラウ

    フォーム周りで覚えておくと便利なCSS Snippets - NxWorld
  • CSSで泥沼にはまらない3つのアプローチ|『プロとして恥ずかしくない 新・WEBデザインの大原則』発売記念イベント

    注釈 60分のセミナー用のスライドです 60分間ひたすらしゃべるための資料なので、目次はありません セミナーのフォローアップのために公開しています 文字が大きいのは、会場の後ろの席でも見えるようにするためです Cascading Style Sheets .header { margin: 8px; color: #f00; } マジックナンバーの良くない例 .main { float: left; width: 640px; } .main h1 { width: 640px; } .main p { width: 640px; } .main ul li { width: 620px; margin-left: 20px; } 数値が乱立 .aaa { width: 640px; } .bbb { width: 324px; } .ccc { width: 216px; } .ddd

  • SQLインジェクション対策もれの責任を開発会社に問う判決

    ポイントは下記の通りです。 X社(原告)はセキュリティ対策について特に指示はしていなかった 損害賠償について個別契約に定める契約金額の範囲内とする損害賠償責任制限があった 当初システムはカード決済を外部委託し直接カード情報を扱っていなかった X社が「カード会社毎の決済金額を知りたい」とY社に依頼をして、その結果カード情報をいったんDBに保存する仕様となった(2010年1月29日) X社からの問い合わせに対してY社は、カード情報を保持しない方式に変更することが可能で、そのほうが安全となり、費用は20万円程度である旨を伝えた(2010年9月27日)が、その後X社は改良の指示をしなかった 以下の脆弱性その他が認められた システム管理機能のIDとパスワードが admin/password であった 個人情報が記載されたお問い合わせログファイルの閲覧が可能(ディレクトリリスティングと意図しないファイ

    sakamata
    sakamata 2015/01/22
    これは駄目だ、駄目すぎる“システム管理機能のIDとパスワードが admin/password であった”他やばいの満載。俺でもわかるわw
  • Webサイトに必要なfaviconが21個になっていた - IT探検の追憶

    久しぶりにWebサイトのfaviconを変えようと思い、調べてみると、必要なfaviconが大幅に増えていることがわかりました。 その数、何と21個! そんなに増えていたとは。 一応、以下にリストアップしてみます。 faviconのリスト favicon.ico: IE用 favicon-16x16.png: タブ表示用 favicon-32x32.png: Mac版Safari用 favicon-96x96.png: Google TV用 favicon-160x160.png: Opera 12 までのスピード・ダイアル用 favicon-196x196.png: AndroidChrome用 mstile-70x70.png: Windows 8 用 mstile-144x144.png mstile-150x150.png mstile-310x310.png mstile-31

    Webサイトに必要なfaviconが21個になっていた - IT探検の追憶
  • 脱初心者のためにこれだけは知っておきたいJavaScriptネタ

    脱初心者のために これだけは知っておきたい JavaScriptネタ Tsuyoshi Akase 福岡Haxe勉強会 feat. HTML5+α @福岡 第0x00回

    脱初心者のためにこれだけは知っておきたいJavaScriptネタ
    sakamata
    sakamata 2015/01/02
    ユーザー関数覚えるのにJavaScriptを足掛かりにしては駄目だろ。この手の情報を何度も読んでわかった事はJavaScriptの関数ってややこし過ぎ。プログラム学習の初期に抱いた印象が、全く間違っていなかった。
  • 【3ヶ月編】プログラミング完全初心者が最初にやったことまとめ【その1】 | Project name

    どうもこんにちは。年の瀬の寒さとカードの請求額に打ち震えながらこの記事を書いてます(^q^) どうもvsannaです。 年末なので1年間の振り返りでもしようと思い、 完全にずぶの素人が半年強プログラミングの学習をしてきた経緯をまとめてみました。 期間別に複数回記事を書きます。 それぞれのタイミングごとにお役に立てれば幸いです。 【3ヶ月編】プログラミング完全初心者が最初にやったことまとめ <= この記事 【6ヶ月編】プログラミング完全初心者が最初にやったことまとめ ※今書いてる 【9ヶ月編】プログラミング完全初心者が最初にやったことまとめ ※今書いてる 今回はその3ヶ月編です。 まずは3ヶ月でどこまで出来るようになるのか、そのために何をしたのかをざざっとまとめています。 「プログラミングやってみたいけど何からやればいいのかわからない」 「どれだけ時間かけたら、どの程度のことが出来

    sakamata
    sakamata 2014/12/31
    まけてらんないなー。ちなみに私も初期に『よくわかるJavaScriptの教科書』読んで嫌になったクチ。意味もわからずhtml/cssと絡めて話が進むので、最初にアレは辛いと思う。
  • jQueryが思い通りに動かない時は読み込みの順番を遅らせてみよう。Twitterの優しさに号泣した話。

    @infonumber333 ノ — Ⓡⓨⓞⓤⓗⓔⓘ Ⓢⓐⓘⓣⓐさん (@saita_ryouhei) 2013年6月10日 さきほどのツイートから間もなく、おしゃれなハットのアイコンが目印で北海道の大地のような寛大な心を持ち合わせた紳士の「さいたさん(@saita_ryuhei)」が助けの手を差し伸べてくれるという奇跡が。なんということでしょう。 @infonumber333 分かる範囲でならm(_ _)m — Ⓡⓨⓞⓤⓗⓔⓘ Ⓢⓐⓘⓣⓐさん (@saita_ryouhei) 2013年6月10日 ここぞとばかりにご好意に甘えることに。 サイドバーが「びゅんっ!」ってなる問題。 @infonumber333 途中から固定されるようにはなってましたが、ある程度までスクロールするといきなり「ぴゅんっ!」って固定されるサイドバーが表示されました。 — Ⓡⓨⓞⓤⓗⓔⓘ Ⓢⓐⓘⓣⓐさん (@sai

    jQueryが思い通りに動かない時は読み込みの順番を遅らせてみよう。Twitterの優しさに号泣した話。
    sakamata
    sakamata 2014/11/09
    色々悩んでどうやら読み込み順だ!と気付いてググったら解決方法を書いてくださっている!助かりました!
  • Sublime Textの作業効率を飛躍的に上げるプラグイン31個 | aucfan Engineers' blog

    こんにちは、湘南生まれデトロイト育ちのきんぐです。 入社してから1年半ほどWebマーケターをやった後、気付いたらエンジニアになってました。 そんなこんなで異動してから9ヶ月が経ち、合コン等で Q.「お仕事は何されてるんですか?」 A.「うぇ・・うぇぶえんじにあです。ほーむぺーじの運営してます。」 くらいは言えるようになったので、 日は僕の相棒とも呼べる Sublime Text 2(3)のオススメプラグインを紹介したいと思います。 (そんな技術的なこと書いても、ね。) 私はSublime Text 2を使っていますが、これから導入する方はせっかくなので3使いましょう。 (当時2にあって3にはないプラグインがあった為未だに乗り換えてません) ※Sublime Textのインストール方法などは端折りますので、知りたい方は各自ggってくださいませ。 ■絶対入れるよねプラグイン ●A

    Sublime Textの作業効率を飛躍的に上げるプラグイン31個 | aucfan Engineers' blog
  • 67才プログラミングほぼ未経験にしてiPhoneアプリをリリースした方に色々聞いてみた - 卵は世界である

    記事内に広告を含む場合があります。記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 @akio0911です。今日は、僕が講師をしているiPhoneアプリ開発講座「アプリクリエイター道場 開発塾」を受講して、ついにアプリをリリースされた蒲池さんにお話を伺ってみました。蒲池さんは現在67才。プログラミングはほぼ未経験の状態から勉強を開始してアプリリリースに辿り着きました。今は2作目のアプリを作り終え、既存アプリのiOS 8対応と、新機能のアップデート作業に取り掛かっています。 (【追記】このインタビューの続編を公開しました! ⇒ シニアアプリ開発者蒲池さん(68歳)のその後。Apple Watch発売と同時にアプリをリリースし、今はRealmにチャレンジ中!) シニアアプリ開発者蒲池さん(68歳)のその後。Apple Watch発売と同時にアプリをリリ

    67才プログラミングほぼ未経験にしてiPhoneアプリをリリースした方に色々聞いてみた - 卵は世界である
    sakamata
    sakamata 2014/09/08
    この人に負けない様に頑張ろう。
  • http://www.saitolab.org/taiken/

  • Dropbox で同期する XAMPP ローカル環境。どこでも開発!どこでも最新!

    おでこです。自宅では Windowsデスクトップマシン、出先や勉強会では MacBook Air を使っているのですが、それぞれに作っている XAMPP のローカル環境がバラバラなのがずっと不満でした。勉強会で一からローカル環境作り直したり。自宅と MBA で同じバージョンの WordPress を2回もインストールしたり。 でも、そんなこととももうおさらば!Dropbox を使って ローカル環境を同期することにしてみました。具体的な手順は以下をご覧あれ。 XAMPP のファイル構成は OS によってまったく違う 複数クライアントの XAMPP 環境の同期と聞いて、「そんなの XAMPP フォルダを Dropbox フォルダに入れて同期すれば終了だろ、JK」と思う方もいるかもしれません。XAMPP 環境を扱うクライアントがすべて同じ OS であればこの方法でも解決できますが、Windo

    Dropbox で同期する XAMPP ローカル環境。どこでも開発!どこでも最新!
    sakamata
    sakamata 2014/03/10
    この方法にプラスしてgoogleドライブで同様に設定し、更にhtdocsやmysqlフォルダにシンボリックリンクを作って設定パスを少し楽にしてみました。大変参考になりました!ありがとうございます!
  • リンクチェッカー(リンク切れチェックツール) dead-link-checker.com

    リンクチェッカー(リンク切れチェックツール) dead-link-checker.com English 日語 URLを入力してから「チェック」ボタンを押してください。 1クリックでサイト全体のリンク切れをチェックできます。簡単。 弊社運営【サイフにやさしいSSL証明書 3,300円/1年~】 低価格SSL証明書を販売。 後払い(翌月末など請求書払い)も可能です。 リンク切れチェックのあいだに、ぜひ SSL証明書の価格もチェックしてください(別窓で開きます)! Go言語開発も Webサイトのサーバー側ロジックは Go言語で開発されています。 Go言語開発も得意ですので、開発案件のご相談など エスロジカル までお気軽にお問い合わせください。

  • Sublime Text 2, 3の使いやすいテーマのまとめ

    Sublime Text 2や3で利用できるシンプルで見やすく、使いやすいテーマを紹介します。 使い慣れたテーマももちろんいいですが、新しいテーマにすると気分も一新され、やる気がアップしますよね。 テーマファイルをSublime Textにインストールする方法は、一番下に。 Spacegray Ocean Dark(キャプチャ), Ocean Light, Eighties Dark の3種類。シンプル好きな方は一度お試しを。 僕は只今、「Ocean Light」を使用中〜♪

  • すごい便利になった!javascript入門の基礎知識と小技まとめ

    作成:2013/12/24 更新:2014/11/01 Web制作 > サイト構築中にちょっとした動きをのせたいとき、どうすれば良かったのか何度も調べ直さないといけないことがあります。今回はJavaScript で初心者の方でもすぐ活用できるように、使用頻度の高いリファレンスと基知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ できること 1.リファレンス スクリプトの書き方/基礎知識 2.スクリプトの記述 3.文字列/特殊文字 4.演算子 5.オブジェクト 6.プロトタイプ 7.イベント 8.変数 9.if文 10.配列 11.連想配列 12.正規表現 13.デバッグ できること 1.リファレンス JavaScriptは開発環境の準備がほぼ不要で、コピー&ペーストだけで、動くものができてしまいます。他の言語だとそう簡単にはいきません。サ

    すごい便利になった!javascript入門の基礎知識と小技まとめ
  • CSSでレイアウトするなら絶対覚えておきたい配置のルール:フロートや絶対配置、z-index とかいろいろ

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

  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
  • IE8以下を切り捨てれば使える便利なCSSプロパティー&セレクター

    2016年2月1日 CSS Webサイトを制作するにあたって、Internet Explorerのどのバージョンに対応させるかは、制作を始める前に話し合っておいた方がいい問題点のひとつです。私の場合2013年に入ってからはIE6やIE7に対応させる機会は皆無となり、IE8・IE9に対応させるかを議論しているところですが、皆さんはいかがでしょうか?今回はもしIE8を切り捨てる(IE9〜のサポート)なら使える便利なプロパティーやセレクターを紹介します。-ms-filter で対応できるものもありますが、filter の説明は割愛します :P ↑私が10年以上利用している会計ソフト! IE8のシェア StatCounter Global Statsの調査によると、日のブラウザバージョン別シェア(2013年10月)はIE10が30.78%で1位、Chromeが17.79%で2位、IE8は10.7

    IE8以下を切り捨てれば使える便利なCSSプロパティー&セレクター