Webアプリで動的型付言語や開発管理が流行りIDEが流行らなかった理由などなど - きしだのHatena
考えてみた。 ここんところ静的型付けなんか不要な空気になってたり、プログラムの内容よりも品質だとか開発管理の話題のほうが盛んだったり、IDEはあると便利だけどなくても大丈夫って雰囲気だったりする理由。 この10年Webアプリケーション花盛りだから、その理由はWebアプリケーションの構造にあるとして考えた。 Webアプリケーションの構造 で、まずはWebアプリケーションの構造。 字が汚いけど、左からブラウザ、アプリケーション、セッション、DB。 赤文字は、左がプログラム実行、右がデータの永続と書いてある。つもり。 Webアプリケーションでは、ブラウザからのリクエストを受けて、プログラムが動き、データベースの情報を処理して返す。 ブラウザ側でプログラムが動くことはあるけど、入力補助程度であまりたいしたプログラムは書かないので、主にサーバー側のプログラムを組む。 このとき、サーバー側のプログラム
20 Essential Chrome Extensions for Web Designers & Developers
20 Essential Chrome Extensions for Web Designers & Developers While Chrome’s Dev Tools gives you more than enough utilities to cover most of your design and development requirements, by adding extensions, you can extend the browser’s functionality even further with free-to-use extensions. Depending on your needs, and by selecting the perfect extension, you can easily create a personalized working
%26utm_content%3DGoogle%2BReader)
[EC-CUBE カスタマイズ日誌] 第 5 回 商品のサブ画像の数を増やしたい！ | バシャログ。
そろそろ iPhone にしようかと思ってる kimoto です。 そうなると家の無線 LAN を強化しないとな…。 さて、好評連載中の EC-CUBE カスタマイズ日誌ですが、今回で 5 回目です。 本日は、商品のサブ画像の登録数を増やす tips をご紹介します。 まずは設定変更 まずは、管理画面から 1 商品当たりのサブ画像数を変更します。 「基本情報管理」→「パラメータ設定」の「PRODUCTSUB_MAX」（商品サブ情報最大数）に、登録したい画像数を入力します。 しかし、このままでは増やせません。 DB が対応していないからです。テーブルに手を加える必要があります。 ここでは、PotsgreSQL、MySQL それぞれの場合でどのように変更を加える必要があるかを書いていきます。 PostgreSQL の場合 まずは「dtb_productsテーブルに必要なだけカラムを追加します。
![[EC-CUBE カスタマイズ日誌] 第 5 回 商品のサブ画像の数を増やしたい！ | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
「Twitterなら続けられる」を試験勉強に――tsuduketerのTetsuさん
「Twitterなら続けられる」を試験勉強に――tsuduketerのTetsuさん：ひとりで作るネットサービス（1/2 ページ） 「努力は裏切らないですよね、サッカーも開発も」――。小学校からサッカーを練習してきたというTetsuさんに、「Twitterなら続けられるから」という理由で開発したというtsuduketerについて聞いてみた。 ひとりで作るネットサービス第45回は、Twitterを活用して継続したいことを支援するためのツール「tsuduketer」を作り上げたTetsuさん（27）を取り上げる。 Tetsuさんは「tsuduketer」以外にも記憶力を強化するためのツールや、サッカーのフォーメーションを図式化してブログに貼り付けられるツールなどを作っている。自分が欲しいものをコツコツと作っていったというTetsuさんの開発スタイルに迫った。 ワールドカップ観戦記のブログで使え
デザイナ向け？CakePHP Formヘルパーいろいろ | バシャログ。
寒い日が続きますね。 最近、身に着けるものの半数が発熱アイテムのichikawaです。 今日は、先日のHtmlヘルパーに続いてFormヘルパーをご紹介したいと思います。（今回も対象は、CakePHPのバージョン1.2です。） フォームの開始タグと終了タグを出力したい 開始は$form->create()メソッドを使います。以下のような感じです。 <?php echo $form->create('Recipe', array('type' => 'post', 'action' => 'add')); ?> 上記は、以下の様な出力になります。 <form id="RecipeAddForm" method="post" action="/recipes/add"> 反対に終了は$form->end()メソッドを使います。以下のような感じです。 <?php echo $form->end()
Webアプリの入力検証不備──4つの実例とその対策
Webアプリケーションの入力検証に不備があると、セキュリティ上の深刻な弱点になる恐れがある。しかし、こうした不備は、得てして問題が起こるまで気付かれない。本稿では、わたしがWebアプリケーションのセキュリティ評価を行った際に見つかった入力検証の不備の例を幾つか紹介しよう。 ログインIDが含まれたURL これまでで最も興味深い入力検証の問題を見つけたのは、自分のさまざまな機密情報を保存していたWebサイトだった。ある日、そのサイトを眺めていて、自分専用のログインIDがURLに含まれていることに気付いた。これはWebサイトの最も基本的な、しかし危険な欠陥の1つだ。わたしは「彼らは分かっていないに違いない」と考えた。そこでサイトの管理者に電話で連絡を取り、問題を報告した。彼女は最初は平然としていた。彼女の態度が変わったのは、彼女がそのシステムの自分専用のIDをわたしに教えた後で、わたしが彼女の住
ヤフーのエンジニアはHack Dayでシックハックしてるんよ。 その1
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、Yahoo!メールのフロントエンドの開発をしているよしだとしあきです。 今回は、ヤフーの社内で行われているHack Dayというエンジニア向けのイベントについて2回に分けて書きたいと思います。普段の技術ネタとは異なりますが、ヤフーという会社の別の側面をお伝えできれば良いなと考えていますので、ぜひ最後までお付き合いください。 ■ Hack Dayって一体なんなんよ？ 「Hack Day」という言葉からも分かるように、このイベントはエンジニアを対象としたもので、ヤフーの社員が主体となって運営しながら、これまでに3回開催されています。同名のイベントとしては、米国ヤフーが定期的に内外のエンジニアを対象に開催しているものがあるの
Web API/Mashup開発者に必須！オフラインでも外部アクセスをテストできる·FakeWeb MOONGIFT
今はネットワークを使ったWeb APIを提供するサービスが増え、それを利用したMashupも増えてきている。様々なデータを容易にとれ、Webシステムを開発できるのは魅力だが、開発中にもネットワークが必須というのが大きな足かせになる。 Mashupのテストがしやすくなる便利なライブラリ また、アクセス自体に料金がかかる場合、開発中の利用を躊躇してしまう。そのような経験がある方はFakeWebを使うべきだ。 今回紹介するオープンソース・ソフトウェアはFakeWeb、Webアクセスを偽装する便利なライブラリだ。 この手のものは一時期考えなくもなかったが、自分でサーバを立てる方法がいいかと思っていた。だがFakeWebの場合は違う。指定したURLへのHTTP（恐らくHTTPSも）接続を横取りし、予め指定した結果を返すライブラリだ。 複数アクセスによって返却値を変えられる 予め返却されるデータと、接
MySQLのデータを日付を条件に削除する方法 by Rails - 久保清隆のブログ
MySQLのデータをRailsのメソッドを用いて削除するには、 destroy destroy_all delete delete_all の４つがある。 この中で条件が指定できるのはdestroy_allとdelete_all。 destroy destroyとdestroy_allがある。 ロードしたモデルオブジェクトを削除する。 その後に、freezeも行う。 destroy hoge = Hoge.find(:first) hoge.frozen? #=> false hoge.destroy hoge.frozen? #=> trueこれで、hogeオブジェクトは削除される。 モデルオブジェクトのロードと削除も一気に行える。 Hoge.destroy([1,3])これでid=1とid=3が削除される。 が、条件の指定などはできない。 そこで、destroy_allの出番。 des
Webアプリ開発における「内部APIモデル」 - Tous Les Jours 攻防記
前回の話は、一回のエントリーでは書ききれない内容でした。。以下もうすこし詳しく書き直してみます。 Webアプリ開発における「内部APIモデル」とは、ネットワーク越しに外部サイトのWebAPIを呼び出すかのごとく、自サイト内のリソースに対して内部専用のWebAPIでアクセスする仕組みを導入し、分散処理を行うモデルのことです。典型的なWebアプリでは、データベースがここでいうリソースに該当するかと思います。 図にすると以下のようなイメージです。 今回、Lang-8で実際に「内部APIモデル」を導入してみたので、気づきの点などをこのエントリーにまとめてみました。 ※導入のいきさつについては、前回のエントリーで触れています。 「内部APIモデル」を採用するメリット Webアプリ開発において「内部APIモデル」を採用するメリットは２つあります。 （１）言語やフレームワークの選択自由度が上がる 現在運
脱OpenPNE。 - Lang-8でRuby on Railsを採用 - Tous Les Jours 攻防記
Rails導入の背景 永らくOpenPNEベースで開発を続けていたLang-8ですが、以下のような課題を抱え続けていました。 生産性が低い → フレームワークの力を借りて生産性を上げたい ページのAjax化に一苦労 → Ajax対応フレームワークでJS周りの開発効率を上げたい デバッグがやりにくい → テスト駆動開発を低コストで導入したい もうそろそろ、何かフレームワークを導入するべきだろうと。 スケールするの？ フレームワークを選定する上では、DB周りがスケールするかどうかを最重要視しました。 たとえばRailsのO/RマッパであるActiveRecordは単一DBを前提にしており、スケールさせることが難しいらしい、なんて話を聞きます。メインのDBをActiveRecordで構築しなおすのはいやだなー、と。データ移行の手間もあるし。。。SNSにとってボトルネックは常にDBなので、サイトの
第1回 Progression3に触れてみよう | gihyo.jp
はじめまして、Progressionを利用してFlashコンテンツの制作を行っている楢山と申します。このたび、Progression3のプロダクトマネージャーである阿部貴弘さんより本稿執筆のお話をいただき、本特集を執筆させていただくことになりました。このような機会を提供してくださった阿部さんに深く感謝いたします。 また、このような形で記事を執筆させていただくのは初めてですので、至らない点もあるかと思いますが、よろしくお願いいたします。 さて第1回の今回は、Progressionの概要と開発環境設定についてを説明していきます。 Progressionとは？ Progressionを一言で表現するならば、「Flashコンテンツを制作するためのフレームワーク」です[1]。Progressionで提供されている様々な機能を使用することで、場面の切り替えや、ムービークリップの出現・削除、外部ファ
ブラウザごとのwindowオブジェクトの違いを理解する
はじめに Webブラウザ（以下、ブラウザ）の種類やバージョン、各々のブラウザ独自の実装の違いを考慮し、同じように動作するスクリプトを「クロスブラウザスクリプト」と言います。ここでは、クロスブラウザスクリプトを実現する方法について、順を追って解説してきています。 本来のJavaScriptの理想的な姿として、一つのスクリプトを書けば、JavaScriptをサポートしたブラウザであれば、同じように動くべきなのでしょう。しかし、ブラウザによって細かな実装の違いがあるため、クロスブラウザスクリプトのテクニックが必要となってきます。 現在一般的に使われているブラウザである、Internet ExplorerやFirefox、Opera、Safariなどでは、それらのブラウザの積極的なDOMサポートのおかげで、以前ほど多くの実装の違いはなくなってきています。しかしそれでも、JavaScriptの中でも
Flashでやってしまいがちな16個の間違った使い方 | ClockMaker Blog
Photoshopでやってしまいがちな12個の間違った使い方 – GIGAZINEが面白かったので、Flash版として「Flashでやってしまいがちな16個の間違った使い方」としてまとめてみました。 1.シンボル化しないままトゥイーンを作成している まずは誰でも一度はやったことがあるであろう、シンボル化しないままのトゥイーン作成。ライブラリに「トゥイーン○」という名もなきシンボルが作成され、後で見返したときや他の共同作業者が非常に困ることになります。 2.テキストフィールドに直接リンクURLを設定している getURLやnavigateToURLなんてスクリプトを知らない初心者のころはテキストフィールドにURLをいれてテキストリンクを作っていました。これは演出が作れないので、慣れてくると使うことはないでしょう。 3.文字をボタンに含めたときに後ろにシェイプを敷いていない ボタンを作ったとき
無料でX(旧Twitter)・Facebook・Mastodonにまとめて投稿や予約投稿ができるオープンソースの「Mixpost」をセルフホストしてみた
MixpostはXやFacebook、MastodonなどさまざまなSNSの複数のアカウントを一括で管理できるツールとのこと。同時投稿のほか時間を指定して投稿することも可能とのことなので、さっそくセルフホストして使ってみました。 Self-hosted, Open Source Social Media Management - Mixpost https://mixpost.app/ 公式サイトにアクセスし、「Get started」をクリック。 「Free」の欄に表示されている「Github」をクリックします。 Laravelアプリケーションに追加することも可能とのことですが、今回はスタンドアローンアプリ版を使用するので「use Composer to create this standalone app」をクリック。 さらに今回はDocker版を使用します。Docker版の詳細につい
Web Directions East 2008 カンファレンスレポート（前編） | クリエイティブ・タブロイド withD（ウィズ・ディー）
11月7日（金）〜9日（日） に開催され、豪華なゲストが注目されたWeb Directions East 2008。レポート前編では、カンファレアンス前半の模様をお届け。世界中から、ウェブの最前線で活躍する一線級の人たちが東京に集る、注目のイベントとなった「Web Directions East 2008」。初日のカンファレンスデイとなった11月7日、会場のベルサール西新宿には多くの来場者が集る盛況ぶりでした。オープニングでは、WWWの生みの親であるTim Berners-Leeもビデオレターで登場するなど、これまでの日本のセミナーやイベントでは類を見ない、豪華な顔ぶれによる贅沢なイベントとなりました。 withDもメディア協賛としてサポートした本イベントのカンファレンスデイを前後編の2回にわたってレポートしますが、前編は連載「一歩先のWeb標準」を担当しております、ゆうがお送りいたします
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Creating a Web App from Scratch - Part 4 of 8: HTML & CSS | CSS-Tricks
Creating a Web App from Scratch - Part 1 of 8: Basic Idea and Design | CSS-Tricks
IBM Developer
Flash CS3とRoRで構築する業務アプリケーション 第1回
